style: spacing and text sizes

src/components/Footer.astro

@@ -4,7 +4,7 @@ import Icon from 'astro-iconify'
 
 <footer>
   <section>
-    Remove distractions.<br />Save for later.
+    Remove distractions. Save for later.
   </section>
 
 
@@ -23,9 +23,8 @@ import Icon from 'astro-iconify'
     margin: 0 auto;
     text-align: center;
     color: #333;
-    font-size: small;
     display: flex;
-    border-top: 1px solid #eee;
+    font-size: small;
 
     svg {
       width: 1.25rem;

src/components/Post.astro

@@ -75,5 +75,11 @@ const datePublished =
         border-radius: 5px;
       }
     }
+  
+    @media (max-width: 600px) {
+      p, table, ul, img {
+        font-size: 16px;
+      }
+    }
   }
 </style>

src/layouts/Layout.astro

@@ -59,7 +59,9 @@ const appTitle = `Cozy 🧸${meta.title && ` | ${meta.title}`}`;
   #app-wrapper {
     width: 100%;
     max-width: 650px;
-    margin: 0.5em auto 1em;
+    margin: 0 auto;
+    padding: 0.5rem;
+    padding-bottom: 2rem;
   }
   #main-content {
     * {