From 44f3009bf71f40ec25cb0d70cdd433e2561058f2 Mon Sep 17 00:00:00 2001
From: Boureghda Iman <iman.cadi-boureghda@student-cs.fr>
Date: Thu, 4 Apr 2024 23:41:41 +0200
Subject: [PATCH] test boutons

---
 equipes/P26.html |  2 +-
 styles.css       | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/equipes/P26.html b/equipes/P26.html
index 2d0d654..775b2e4 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 c2dc3a2..2d02cb6 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%;
-- 
GitLab