From ab5d88e97f2bd86b870b8efc89ca1fe46bd6eef1 Mon Sep 17 00:00:00 2001
From: Boureghda Iman <iman.cadi-boureghda@student-cs.fr>
Date: Wed, 3 Apr 2024 16:14:20 +0200
Subject: [PATCH] test grille
---
equipes/P26.html | 6 +-----
styles.css | 6 ++++++
2 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/equipes/P26.html b/equipes/P26.html
index 34d0ead..775b2e4 100644
--- a/equipes/P26.html
+++ b/equipes/P26.html
@@ -45,13 +45,9 @@
</nav>
<h2>L'équipe 2024</h2>
- <div class="grid-container-2-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>
-
-
- <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/styles.css b/styles.css
index 1e98cd8..7c52a6d 100644
--- a/styles.css
+++ b/styles.css
@@ -221,6 +221,12 @@ nav > ul li:hover .sous {
gap: 5%;
justify-content: space-between; /* Center the items within their respective columns */
}
+.grid-container-2x2 {
+ 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 */
+}
.column2 {
float: left;
--
GitLab