diff options
| -rw-r--r-- | src/components/ProjectGrid.astro | 8 |
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"> |