# 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.