diff --git a/equipes/P26.html b/equipes/P26.html index 1ed977d7d6cb8047af82916d9c3f2dc7f06fb47d..2d0d6547548e743b98c149b93713be43dac984c9 100644 --- a/equipes/P26.html +++ b/equipes/P26.html @@ -45,7 +45,7 @@ </nav> <h2>L'équipe 2024</h2> - <div class="button-row"> + <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 dd54d13960d2487243435b6371b1a969a27efac0..c2dc3a211577ba17d9dd911ac3a9a92e09c9410f 100644 --- a/styles.css +++ b/styles.css @@ -224,10 +224,15 @@ nav > ul li:hover .sous { .grid-container-4-boxes { display: grid; grid-template-columns: repeat(4, 1fr); - gap: 1%; + gap: 10%; justify-content: space-between; /* Center the items within their respective columns */ } +.grid-container-4-boxes button { + width: 100%; /* Chaque bouton occupe 100% de la largeur de sa colonne */ + padding: 10px; /* Ajoute un remplissage pour l'espace interne du bouton */ +} + .column2 { float: left; width: 48%;