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

Ajout de padding entre les cartes sur /photo/blog

Browse source
This commit is contained in:
Jalil Arfaoui 2026-02-17 23:33:12 +01:00
parent 3566488a0a
commit c3cc6915db
1 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/photo/blog/index.astro
View file

@ -94,15 +94,13 @@ const regularPosts = postsWithImages.filter(post => !post.data.featured);
/* Section à la une */ /* Section à la une */
.featured-section { .featured-section {
padding: 40px 20px 60px; padding: 16px 16px 0;
max-width: 1600px;
margin: 0 auto;
} }
.featured-grid { .featured-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
gap: 20px; gap: 16px;
} }
.featured-post { .featured-post {
@ -184,15 +182,13 @@ const regularPosts = postsWithImages.filter(post => !post.data.featured);
/* Grille des posts */ /* Grille des posts */
.posts-grid { .posts-grid {
padding: 0 20px 100px; padding: 16px 16px 100px;
max-width: 1600px;
margin: 0 auto;
} }
.grid-container { .grid-container {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
gap: 20px; gap: 16px;
} }
.post-item { .post-item {
@ -281,7 +277,7 @@ const regularPosts = postsWithImages.filter(post => !post.data.featured);
@media (max-width: 768px) { @media (max-width: 768px) {
.featured-grid { .featured-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 20px; gap: 12px;
} }
.featured-post { .featured-post {
@ -311,11 +307,11 @@ const regularPosts = postsWithImages.filter(post => !post.data.featured);
} }
.featured-section { .featured-section {
padding: 20px 15px 40px; padding: 12px 12px 0;
} }
.posts-grid { .posts-grid {
padding: 0 15px 80px; padding: 12px 12px 80px;
} }
} }
</style> </style>