diff --git a/equipes/P26.html b/equipes/P26.html index 34d0ead83b616448691bc185dac33dbc25e09ea0..775b2e4477fefd632730d7c0914d5251bd5fe166 100644 --- a/equipes/P26.html +++ b/equipes/P26.html @@ -45,13 +45,9 @@ </nav> <h2>L'équipe 2024</h2> - <div class="grid-container-2-boxes"> + <div class="grid-container-2x2"> <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/styles.css b/styles.css index 1e98cd8461f6aa7ff73df1fba5322f9915ff7198..7c52a6ddcf5a6bd687cdbd8872c6e0c0932c7542 100644 --- a/styles.css +++ b/styles.css @@ -221,6 +221,12 @@ nav > ul li:hover .sous { gap: 5%; justify-content: space-between; /* Center the items within their respective columns */ } +.grid-container-2x2 { + 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 */ +} .column2 { float: left;