La propriété grid-column-start est utilisée pour spécifier le début d'un élément dans la grille. Elle définit sur quelle ligne de la grille l'élément doit commencer.
La valeur de cette propriété peut être soit un nombre, qui représente la ligne de départ, soit un mot-clé prédéfini qui indique la position de départ de l'élément par rapport aux autres éléments de la grille.
La propriété grid-column-end est utilisée pour spécifier la fin d'un élément dans la grille. Elle définit sur quelle ligne de la grille l'élément doit s'arrêter.
La valeur de cette propriété peut être soit un nombre, qui représente la ligne de fin, soit un mot-clé prédéfini qui indique la position de fin de l'élément par rapport aux autres éléments de la grille.
Grid column est un racourci de grid-column-end et start. Ainsi, "grid-column: 2 / 4" est l'équivalent de grid-column-start:2 et grid-column-end:4;
Partant de la même logique que grid-column-start, cette propriété va spécifier le début d'un élement dans la grille, mais sur l'axe Y.
Et donc, de même, cette propriété va spécifier la fin d'un élement sur l'axe Y
Comme pour grid-column, grid-row est un racourci pour grid-row-start et grid-row-end
La propriété order, comme pour flex, peut être utilisé pour déplacer un élément et lui donner une position en particulier. La logique "order" fonctionne de la même manière que z-index.