Aller au contenu

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

  1. Sur .grille, activez la grille.
  2. 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.
  3. Créez 2 rangées de hauteur fixe (150px) en utilisant le repeat.
  4. 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.