Grid Layout > Structure en pratique

Utiliser des valeurs répétées

[containeur] display: grid au containeur
Largeur exprimée de 80%
[containeur] grid-template-columns: repeat(4,200px);
Le premier paramètre de la valeur-fonction repeat() est le nombre de colonnes voulu. Dans cet exemple, c’est 4. Le second paramètre est la largeur commune voulue. Dans cet exemple, c’est 200px. Vous pouvez bien sûr utiliser des valeurs fixes et relatives.
grid-template-columns: 300px repeat(3,1fr); La première colonne a une largeur fixe de 300 pixels. Les trois autres colonnes occupent chacune une fraction de l’espace disponible restant.