diff --git a/equipes/P23.html b/equipes/P23.html index 55f29f016cc06beeff04dcd8cfe08bf9b008c2c2..795abb6b476d7a474e756369724f814bf82a89d6 100644 --- a/equipes/P23.html +++ b/equipes/P23.html @@ -47,13 +47,9 @@ <h2>L'équipe 2021</h2> - <div class="grid-container-2-boxes"> + <div class="grid-container-4-boxes"> <div class="button_row"><a href="P26.html">Equipe 2024</a></div> <div class="button_row"><a href="P25.html">Equipe 2023</a></div> - </div> - - - <div class="grid-container-2-boxes"> <div class="button_row"><a href="P24.html">Equipe 2022</a></div> <div class="button_row"><a href="P23.html">Equipe 2021</a></div> </div> diff --git a/equipes/P24.html b/equipes/P24.html index db132afb65b7bdbff445f4bb14f8df37d474c40a..61ece4da4956d7bdcacfb4723a184431fde30190 100644 --- a/equipes/P24.html +++ b/equipes/P24.html @@ -46,13 +46,9 @@ <h2>L'équipe 2022</h2> - <div class="grid-container-2-boxes"> + <div class="grid-container-4-boxes"> <div class="button_row"><a href="P26.html">Equipe 2024</a></div> <div class="button_row"><a href="P25.html">Equipe 2023</a></div> - </div> - - - <div class="grid-container-2-boxes"> <div class="button_row"><a href="P24.html">Equipe 2022</a></div> <div class="button_row"><a href="P23.html">Equipe 2021</a></div> </div> diff --git a/equipes/P25.html b/equipes/P25.html index 4717224a5dc91ac6c197995a8857429dfa2005cc..00c28b3936d23f5cc9f691c1517310f0e2c1fc8c 100644 --- a/equipes/P25.html +++ b/equipes/P25.html @@ -45,13 +45,9 @@ </nav> <h2>L'équipe 2023</h2> - <div class="grid-container-2-boxes"> + <div class="grid-container-4-boxes"> <div class="button_row"><a href="P26.html">Equipe 2024</a></div> <div class="button_row"><a href="P25.html">Equipe 2023</a></div> - </div> - - - <div class="grid-container-2-boxes"> <div class="button_row"><a href="P24.html">Equipe 2022</a></div> <div class="button_row"><a href="P23.html">Equipe 2021</a></div> </div> diff --git a/equipes/P26.html b/equipes/P26.html index 775b2e4477fefd632730d7c0914d5251bd5fe166..2d0d6547548e743b98c149b93713be43dac984c9 100644 --- a/equipes/P26.html +++ b/equipes/P26.html @@ -45,7 +45,7 @@ </nav> <h2>L'équipe 2024</h2> - <div class="grid-container-2x2"> + <div class="grid-container-4-boxes"> <div class="button_row"><a href="P26.html">Equipe 2024</a></div> <div class="button_row"><a href="P25.html">Equipe 2023</a></div> <div class="button_row"><a href="P24.html">Equipe 2022</a></div> diff --git a/styles.css b/styles.css index 7c52a6ddcf5a6bd687cdbd8872c6e0c0932c7542..3f7303c16cf2915b9e30269b78af462c70cd0617 100644 --- a/styles.css +++ b/styles.css @@ -221,11 +221,11 @@ nav > ul li:hover .sous { gap: 5%; justify-content: space-between; /* Center the items within their respective columns */ } -.grid-container-2x2 { +.grid-container-4-boxes { display: grid; - grid-template-columns: repeat(2, 1fr); /* Deux colonnes de largeur égale */ - grid-template-rows: repeat(2, auto); /* Deux lignes de hauteur automatique */ - gap: 20px; /* Espacement entre les cellules de la grille */ + grid-template-columns: repeat(4, 1fr); + gap: 5%; + justify-content: space-between; /* Center the items within their respective columns */ } .column2 {