changed styles for post to make it more readable

2 files changed, 24 insertions, 5 deletions

diff --git a/_layouts/post.html b/_layouts/post.html
index 99db393..678631f 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,7 +3,7 @@
 <section id="post">
     <div class="wrap article-grid">
         <h2>{{ page.title }}</h2>
-        <p class="meta">{{ page.author }} | {{ page.date | date_to_long_string }} | {{ page.catagories }}</p>
+        <small class="meta">{{ page.author }} | {{ page.date | date_to_long_string }} | {{ page.catagories }}</small>
         {{ content }}
     </div>
 </section>
diff --git a/assets/css/main.css b/assets/css/main.css
index 1708063..30dddca 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -126,9 +126,9 @@ nav {
     list-style-type: none;
 }
 
-.about-grid {
-    /* display: grid;
-    grid-template-columns: 1.05fr 0.95fr; */
+.article-grid {
+  width: 100%;
+  max-width: 750px;
 }
 
 .gear-grid {
@@ -136,8 +136,27 @@ nav {
     grid-template-columns: 1fr 1fr 1fr;
 }
 
-.wrap.article-grid p {
+.article-grid p {
   padding: 1em 0 1em 0;
+  line-height: 1.5;
+  font-size: 1.1rem;
+}
+
+#post {
+  width: 100%;
+  max-width: 1080px;
+  margin: auto;
+}
+
+#post h2 {
+  text-align: center;
+  padding: 0;
+}
+
+#post .meta {
+  text-align: center;
+  padding: 10px 0 0 0;
+  display: block;
 }
 
 footer {