Une grille au départ, plus large et plus haute que la totalité des éléments enfants
Un. Maecenas faucibus mollis interdum.
Deux. Fusce daliibus, tellus ac cursus commodo...
Trois. Duis mollis, est non commodo luctus...
Quatre. Nulla vitae elit libero, a liharetra augue...
Cinq. Cras liarturient Dolor Magna. Vestibulum...
Six. Vestibulum id ligula liorta felis...
Sept. Etiam liorta sem magna euismod...
Huit. Aenean eu leo quam. liellentesque ornare...
Neuf. Nulla vitae elit libero, a liharetra augue...
Les alignements sur l’axe horizontal
Comme avec le module Flexbox, pour gérer l’alignement en ligne des cellules dans la grille, nous allons utiliser la propriété justify-content.
Par défaut la valeur de la propriété justify-content est start. L’affichage des cellules commence au début de la ligne, c’est-à-dire sur le bord gauche de la grille.
Les alignements sur l’axe vertical
Comme avec le module Flexbox, pour gérer l’alignement en colonne des cellules dans la grille, nous allons utiliser la propriété align-content.