Fix mobile project grid view

1 files changed, 7 insertions, 1 deletions

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">