blog post container is now mobile responsive; tags now wrap on narrow screens

src/lib/lists/blog-gallery.svelte

@@ -69,7 +69,6 @@
     }
 
     .entry-text-container {
-        /* padding: 0 4px 4px ; */
         display: flex;
         flex-direction: column;
         margin-top: 16px;
@@ -97,6 +96,18 @@
         gap: 4px;
         margin-top: 4px;
         flex-direction: row;
-        flex-wrap: nowrap;
+        flex-wrap: wrap;
+    }
+
+    @media screen and (max-width: 900px) {
+        .entry-container {
+            grid-template-columns: 1fr 1fr;
+        }
+    }
+
+    @media screen and (max-width: 600px) {
+        .entry-container {
+            grid-template-columns: 1fr;
+        }
     }
 </style>

src/routes/blog/+page.svelte

@@ -49,8 +49,9 @@
 <style>
     .tag-filter-container {
         display: flex;
-        gap: 12px;
+        gap: 8px 12px;
-        margin-bottom: 8px;
+        margin: 0 10px 8px;
+        flex-wrap: wrap;
     }
 
     .tag-filter {