Aller au contenu

Grid | Mise en page

L'objectif de cet exercice est d'introduire la notion de mise en page avec les grilles CSS.

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 1rem entre elles