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