Réaliser une mise en page en plaçant les éléments sur les lignes de la grille

Mise en page 2 colonnes

Afficher les position de colonnes et de lignes dans la grille

Outils dédiés aux grilles de Firefox > Dans l’inspecteur de code, dans le volet de droite, avec l’onglet Mise en page sélectionné, dans la zone Grilles, cochez les options voulues dans Paramètres d’affichage des grilles.

L’en-tête et le pied de page doivent tous les deux commencer à la ligne verticale numéro 1 et se terminer à la 3.
La propriétés grid-column-start permet d’indiquer le numéro de colonne où doit commencer à être affiché un élément de la grille
La propriétés grid-column-end indique la fin de ce positionnement.

Ici le contenu du header

Main

Donec id elit non mi porta gravida at eget metus...

Vestibulum id ligula porta felis euismod semper...