Grid Layout > Structure en pratique

La syntaxe raccourcie : grid-template

[containeur] display: grid au containeur
= contexte de grille de mise en page
[containeur] grid-template
Plutôt que d’utiliser les deux propriétés grid-template-columns et grid-template-rows, nous pouvons utiliser la propriété raccourcie : grid-template.
Attention, il convient de bien noter l’ordre de déclaration des deux propriétés. Nous devons déclarer les valeurs de la propriété grid-template-rows en premier et ensuite celles de la propriété grid-template-columns. Les séries de valeurs sont séparées par le caractère "/"
Ex : grid-template: 100px 100px 200px / 50% 50%;