From 53e30ab379db8e4c23601435691932adacce6890 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sun, 28 May 2023 11:03:15 +0200
Subject: [PATCH] style: adjust typography and responsiveness

---
 assets/main.scss | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/assets/main.scss b/assets/main.scss
index bf78f61..272d2b2 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -465,7 +465,7 @@ table.image caption {
   }
 }
 
-@media only screen and (min-width: 0px) and (max-width: 767px) {
+@media only screen and (min-width: 0px) and (max-width: 650px) {
   article .post-content p,
   article .post-content ul li,
   article .post-content ol li,
@@ -483,6 +483,18 @@ table.image caption {
     }
   }
 
+  .blog-home {
+    &__list-items {
+      &__item {
+        &__header {
+          &__title {
+            font-size: 28px;
+          }
+        }
+      }
+    }
+  }
+
   caption {
     font-size: 12px;
   }
@@ -499,8 +511,7 @@ table.image caption {
     padding: 0 1em;
   }
   .side-panel {
-    width: 100%; // calc(100%-1em) !important;
-    // margin: 0 15px;
+    width: 100%;
   }
 
   .post-list li h3 a {
@@ -511,9 +522,6 @@ table.image caption {
     background-color: #90c049 !important;
     border: 1px solid hsla(0, 0%, 100%, 0.3) !important;
   }
-  .site-nav .menu-icon {
-    width: 27px;
-  }
   .site-nav .menu-icon > svg path {
     fill: #ffffff;
   }