From 52d6c7f229b846b98e58b99e02c663dd1a71d4dc Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 13 Sep 2023 00:59:44 -0700
Subject: Fix mobile project grid view

---
 src/components/ProjectGrid.astro | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/components/ProjectGrid.astro')

diff --git a/src/components/ProjectGrid.astro b/src/components/ProjectGrid.astro
index 56302c9..e0817a9 100644
--- a/src/components/ProjectGrid.astro
+++ b/src/components/ProjectGrid.astro
@@ -1,7 +1,7 @@
 <style>
     .project-grid {
         display: grid;
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 20px;
     }
 
@@ -41,6 +41,12 @@
     img {
         max-height: 100px;
     }
+
+    @media (max-width: 768px) {
+        .project-grid {
+            grid-template-columns: repeat(1, 1fr);
+        }
+    }
 </style>
 
 <div class="project-grid">
-- 
cgit v1.2.3