Alype/arq-front_image-dithered
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

flex to grid on the main section

Browse source
This commit is contained in:
Alype 2025-08-21 22:09:24 +02:00
parent 333c7c6ae9
commit 47d4ef2363
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
style.css
View file

@ -13,9 +13,13 @@ body{
section{ section{
width: 100%; width: 100%;
/* affichage des images en lignes avec retour à la ligne (wrap)*/ /* affichage des images en lignes avec retour à la ligne (wrap)*/
display: flex; display: grid;
flex-direction: row; /* flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; */
grid-template-columns: repeat(3, 300px);
grid-template-rows: repeat(3, auto);
grid-gap: 26px;
justify-content: center; justify-content: center;
} }