Grid Layout > Structure en pratique
Déclaration des lignes
- Un. Maecenas faucibus mollis interdum...
- Deux. Fusce dapibus, tellus ac cursus commodo...
- Trois. Duis mollis, est non commodo luctus...
- Quatre. Nulla vitae elit libero, a pharetra augue...
- Cinq. Cras Parturient Dolor Magna. Vestibulum id
ligula...
- Six. Vestibulum id ligula porta felis euismod semper...
- [containeur] display: grid au containeur
- = contexte de grille de mise en page
- [containeur] grid-template-columns
- Les deux colonnes ont une largeur de 50% sur les 800 pixels de large du conteneur parent
- [containeur] grid-template-rows
- Possède trois valeurs pour définir les trois hauteurs des lignes : 100 pixels | 125 pixels | 150 pixels.