Grid Layout > Structure en pratique
Déclaration des colonnes
- 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
- possède deux valeurs, nous aurons donc deux colonnes. La première valeur indique une largeur relative de 60% sur les 800px de la largeur du conteneur de grille parent et la deuxième en utilise 40%.
L’ordre d’affichage des éléments de liste enfants respecte par défaut l’ordre d’insertion dans le code.