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