From ecf19c452226ae55bdd6232323cdd7afee6dfe80 Mon Sep 17 00:00:00 2001
From: Henri <henrikarba@gmail.com>
Date: Thu, 12 Feb 2026 02:33:02 +0200
Subject: [PATCH] mobile view grid changes

---
 src/components/layout/Grid.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Grid.svelte b/src/components/layout/Grid.svelte
index d9b6e59..6ac21c0 100644
--- a/src/components/layout/Grid.svelte
+++ b/src/components/layout/Grid.svelte
@@ -12,7 +12,15 @@ spacing. Content is projected into the default slot.
 
 <div
   class="grid {className}"
-  style="grid-template-columns: repeat(auto-fit, minmax({min}, 1fr)); gap: {gap};"
+  style="--min: {min}; --gap: {gap}; grid-template-columns: 1fr; gap: var(--gap);"
 >
   <slot />
 </div>
+
+<style>
+  @media (min-width: 768px) {
+    .grid {
+      grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr)) !important;
+    }
+  }
+</style>