From 0c403c82e7aa07fc6e19e4bdeee2d57223ad0060 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Tue, 31 Mar 2026 15:53:57 +0200
Subject: [PATCH] blog post container is now mobile responsive; tags now wrap
 on narrow screens

---
 src/lib/lists/blog-gallery.svelte | 15 +++++++++++++--
 src/routes/blog/+page.svelte      |  5 +++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/lib/lists/blog-gallery.svelte b/src/lib/lists/blog-gallery.svelte
index 6ac5308..86d71c0 100644
--- a/src/lib/lists/blog-gallery.svelte
+++ b/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>
\ No newline at end of file
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index c56c252..c1bfbe3 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -49,8 +49,9 @@
 <style>
     .tag-filter-container {
         display: flex;
-        gap: 12px;
-        margin-bottom: 8px;
+        gap: 8px 12px;
+        margin: 0 10px 8px;
+        flex-wrap: wrap;
     }
 
     .tag-filter {