Exercice 1 — Grille de couleurs (3×2)¶
Objectif : pratiquer les bases de CSS Grid (colonnes, rangées, gap).
📥 Télécharger fichiers de départ
Tâches¶
- Sur
.grille
, activez la grille. - Créez 1 colonne de 200px. Créez 2 autres colonnes: la 1ère de celles-ci prendra 2/3 de l'espace restant, tandis que l'autre prendra 1/3 de l'espace restant.
- Créez 2 rangées de hauteur fixe (
150px
) en utilisant le repeat. - Ajoutez un espace de
10px
entre les rangées et les colonnes.
Astuce : les couleurs sont déjà assignées avec
:nth-child
, concentrez-vous sur la grille elle-même.