Modified the Articles page style

src/components/Articles.js

@@ -52,6 +52,7 @@ class Articles extends React.Component {
     return (
       <div className="Articles">
           <Route path="/articles/:id" render={({match})=>{return this.article(match)}} />
+          <h1>Articles</h1>
           {this.renderArticles()}
       </div>
     );

src/components/css/Articles.css

@@ -37,7 +37,7 @@
     margin: 20px;
 }
 
-.article .h1 {
+.article h2 {
     font-size: 24px;
     font-weight:bolder;
     margin-top: 20px;
@@ -50,4 +50,17 @@
 
 .article a {
     color: #ACACFF;
+}
+
+.Articles {
+    display:flex;
+    flex-direction:column;
+    color: #AF8D8C;
+}
+
+.Articles h1 {
+    margin-left:auto;
+    margin-right:auto;
+    
+
 }

src/components/css/Listing.css

@@ -22,7 +22,7 @@
 
 .listing .title {
     color: #BF8D8C !important;
-    font-size: 28px;
+    font-size: 24px;
     margin-top: 10px;
     font-weight:bold;
     width:fit-content;
@@ -36,7 +36,7 @@
     display:flex;
     flex-direction: row;
     align-items:center;
-    font-size: x-large;
+    font-size: large;
 }
 
 .listing .description {