From 4b9471e52ff71d6042123270dfd66c8419fc3c51 Mon Sep 17 00:00:00 2001
From: Boureghda Iman <iman.cadi-boureghda@student-cs.fr>
Date: Thu, 4 Apr 2024 23:38:54 +0200
Subject: [PATCH] test boutons
---
equipes/P26.html | 2 +-
styles.css | 7 ++++++-
2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/equipes/P26.html b/equipes/P26.html
index 1ed977d..2d0d654 100644
--- a/equipes/P26.html
+++ b/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>
diff --git a/styles.css b/styles.css
index dd54d13..c2dc3a2 100644
--- a/styles.css
+++ b/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%;
--
GitLab