From cc9bfef3fd7b0a57bdbf1b35045dda12ce58297b Mon Sep 17 00:00:00 2001
From: Boureghda Iman <iman.cadi-boureghda@student-cs.fr>
Date: Wed, 3 Apr 2024 16:20:05 +0200
Subject: [PATCH] =?UTF-8?q?dernier=20test=20j'esp=C3=A8re=20que=20=C3=A7a?=
 =?UTF-8?q?=20marche?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 equipes/P23.html | 6 +-----
 equipes/P24.html | 6 +-----
 equipes/P25.html | 6 +-----
 equipes/P26.html | 2 +-
 styles.css       | 8 ++++----
 5 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/equipes/P23.html b/equipes/P23.html
index 55f29f0..795abb6 100644
--- a/equipes/P23.html
+++ b/equipes/P23.html
@@ -47,13 +47,9 @@
       <h2>L'équipe 2021</h2>
 
 
-      <div class="grid-container-2-boxes">
+      <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>
-
-      
-      <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/equipes/P24.html b/equipes/P24.html
index db132af..61ece4d 100644
--- a/equipes/P24.html
+++ b/equipes/P24.html
@@ -46,13 +46,9 @@
 
       <h2>L'équipe 2022</h2>
 
-      <div class="grid-container-2-boxes">
+      <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>
-
-      
-      <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/equipes/P25.html b/equipes/P25.html
index 4717224..00c28b3 100644
--- a/equipes/P25.html
+++ b/equipes/P25.html
@@ -45,13 +45,9 @@
       </nav>
       <h2>L'équipe 2023</h2>
 
-      <div class="grid-container-2-boxes">
+      <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>
-
-      
-      <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/equipes/P26.html b/equipes/P26.html
index 775b2e4..2d0d654 100644
--- a/equipes/P26.html
+++ b/equipes/P26.html
@@ -45,7 +45,7 @@
       </nav>
       <h2>L'équipe 2024</h2>
 
-      <div class="grid-container-2x2">
+      <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 7c52a6d..3f7303c 100644
--- a/styles.css
+++ b/styles.css
@@ -221,11 +221,11 @@ nav > ul li:hover .sous {
   gap: 5%;
   justify-content: space-between; /* Center the items within their respective columns */
 }
-.grid-container-2x2 {
+.grid-container-4-boxes {
   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 */
+  grid-template-columns: repeat(4, 1fr);
+  gap: 5%;
+  justify-content: space-between; /* Center the items within their respective columns */
 }
 
 .column2 {
-- 
GitLab