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