diff --git a/src/components/photo/pages/PhotoBlogIndexContent.astro b/src/components/photo/pages/PhotoBlogIndexContent.astro index a6b8df9..1f98c67 100644 --- a/src/components/photo/pages/PhotoBlogIndexContent.astro +++ b/src/components/photo/pages/PhotoBlogIndexContent.astro @@ -124,10 +124,16 @@ const regularPosts = postsWithImages.filter(post => !post.data.featured); .featured-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); + grid-template-columns: repeat(2, 1fr); gap: 16px; } +@media (min-width: 1600px) { + .featured-grid { + grid-template-columns: repeat(4, 1fr); + } +} + .featured-post { position: relative; height: 450px;