Grid | Spirale¶
L'objectif de cet exercice est de mettre en pratique les notions de grid-column et de grid-row.
Résultat attendu¶

Consigne¶
-
Effectuer un fork du Codepen de départ .
Le fork est essentiel pour avoir les points attribués aux exercices
- Activer la mise en forme de grille en css
- Ajouter une hauteur équivalente à
100%de la hauteur du viewport - Configurer 3 colonnes à une largeur de ⅓ chacune
- Configurer 3 lignes à une hauteur de ⅓ chacune
- Ajouter un espacement qui séparera chaque cellule de
2pxentre elles - Avec les propriétés
grid-columnetgrid-row, positionner les enfants pour arriver au résultat attendu.