jalil/jalil.arfaoui.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Photo blog : grille featured en colonnes fixes (2 cols, 4 cols au-dessus de 1600px) pour éviter les trous à certaines tailles d'écran

Browse source
This commit is contained in:
Jalil Arfaoui 2026-04-14 18:14:15 +02:00
parent 7f8b0e3adc
commit 7776236f21
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/photo/pages/PhotoBlogIndexContent.astro
View file

@ -124,10 +124,16 @@ const regularPosts = postsWithImages.filter(post => !post.data.featured);
.featured-grid { .featured-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); grid-template-columns: repeat(2, 1fr);
gap: 16px; gap: 16px;
} }
@media (min-width: 1600px) {
.featured-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.featured-post { .featured-post {
position: relative; position: relative;
height: 450px; height: 450px;