Pseudo-classes - Grille

Pour cet exercice, vous devrez à l’aide de pseudo-classes sélectionner les cases adéquates dans une grille afin de reproduire différentes mises en page.

Matériel

Pen de départ 

Couleurs 🎨

Rouge #DA2C38

Pour chaque mise en page à réaliser lors de cet exercice, vous devrez:

  • Faire un fork du Pen d'origine afin de repartir du début à chaque fois.

  • Nommer chacune de ces copies en fonction du nom de l'étape actuelle. Par exemple, pour l'étape 1, nommer votre pen: Pseudo-classes - Étape 1.

  • Utiliser un seul sélecteur CSS par exercice afin de sélectionner les carrés requis et leur attribuer la couleur de fond rouge.

Étapes

  1. Étape 1

  2. Étape 2

  3. Étape 3

  4. Étape 4

  5. Étape 5

Notes de cours 📚