couple more adjustments

components/Content.module.scss

@@ -57,3 +57,10 @@
     background-color: var(--light);
   }
 }
+
+@media screen and (max-width: 768px) {
+  .content {
+    font-size: 0.925em;
+    line-height: 1.85;
+  }
+}

components/home/Home.module.scss

@@ -66,7 +66,7 @@
     }
 
     p {
-      font-size: 0.925em;
+      font-size: 0.95em;
     }
   }
 }

components/page-footer/Footer.module.scss

@@ -48,6 +48,7 @@
 
   // stack columns on left instead of flexboxing across
   .row {
+    font-size: 0.8em;
     display: block;
   }
 }

components/page-header/Menu.module.scss

@@ -41,12 +41,15 @@
 
 @media screen and (max-width: 768px) {
   .menu {
-    max-width: 360px;
+    max-width: 320px;
+    margin-left: 20px;
     justify-content: space-between;
     flex-grow: 1;
   }
 
   .item {
+    margin-left: 0;
+
     .icon {
       width: 1.8em;
       height: 1.8em;
@@ -57,4 +60,8 @@
       display: none;
     }
   }
+
+  .theme_toggle {
+    margin-left: -0.3em;
+  }
 }

components/projects/RepoCard.module.scss

@@ -1,6 +1,6 @@
 .card {
   width: 100%;
-  padding: 1.2em;
+  padding: 1.2em 1.2em 0.8em;
   border: 1px solid;
   border-radius: 0.5em;
   font-size: 0.85em;
@@ -13,7 +13,7 @@
   }
 
   .description {
-    margin: 0.7em 0;
+    margin: 0.7em 0 0.5em;
     line-height: 1.7;
   }
 
@@ -25,6 +25,7 @@
     .meta_item {
       margin-right: 1.5em;
       font-size: 0.875em;
+      line-height: 2;
       color: var(--medium);
 
       a {

pages/projects.tsx

@@ -37,7 +37,7 @@ export default function Projects({ repos }) {
             div .repo_card {
               flex-grow: 1;
               margin: 0.5em;
-              width: 400px;
+              width: 370px;
             }
           `}</style>
         </div>