From 5e953943113c82a6f3d66790bad3a3622afba8d3 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <cam@camscode.com>
Date: Sun, 5 Jun 2022 08:46:44 -0400
Subject: [PATCH] Modified the Articles page style

---
 src/components/Articles.js      |  1 +
 src/components/css/Articles.css | 15 ++++++++++++++-
 src/components/css/Listing.css  |  4 ++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/Articles.js b/src/components/Articles.js
index 290c41d..3c2d49e 100644
--- a/src/components/Articles.js
+++ b/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>
     );
diff --git a/src/components/css/Articles.css b/src/components/css/Articles.css
index 24d8038..f803522 100644
--- a/src/components/css/Articles.css
+++ b/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;
+    
+
 }
\ No newline at end of file
diff --git a/src/components/css/Listing.css b/src/components/css/Listing.css
index c3059e8..ddec64f 100644
--- a/src/components/css/Listing.css
+++ b/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 {