test boutons

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>

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%;