diff --git a/equipes/P26.html b/equipes/P26.html index 2d0d6547548e743b98c149b93713be43dac984c9..775b2e4477fefd632730d7c0914d5251bd5fe166 100644 --- a/equipes/P26.html +++ b/equipes/P26.html @@ -45,7 +45,7 @@ </nav> <h2>L'équipe 2024</h2> - <div class="grid-container-4-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 class="button_row"><a href="P24.html">Equipe 2022</a></div> diff --git a/styles.css b/styles.css index c2dc3a211577ba17d9dd911ac3a9a92e09c9410f..2d02cb634a93f6d0e0a930eba81c8bb9bfb83b18 100644 --- a/styles.css +++ b/styles.css @@ -233,6 +233,17 @@ nav > ul li:hover .sous { padding: 10px; /* Ajoute un remplissage pour l'espace interne du bouton */ } +.grid-container-2x2 { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; /* Espacement entre les boutons */ +} + +.grid-container-2x2 button { + padding: 10px; /* Ajoute un remplissage pour l'espace interne du bouton */ + width: 100%; /* Chaque bouton occupe 100% de la largeur de sa colonne */ +} + .column2 { float: left; width: 48%;