#grid-template

default grid-template: none;

Es sind keine Zeilen, Spalten oder Bereiche definiert.

grid-template: 200px 1fr / 100px auto 3rem;

Sie können zuerst Zeilen und dann Spalten definieren, indem Sie sie mit einem Schrägstrich / trennen.

grid-template: "header header header" 50px "sidebar main main" 200px / 100px auto;

Sie können sowohl Bereiche als auch Reihen und Spalten definieren. In diesem Fall ist jedem Satz von Bereichen eine Zeilengröße zugeordnet. Die erste Zeile ist 50px hoch, die zweite ist 200px hoch. Die Spalte der Seitenleiste ist 100px breit, während die Breite der Hauptspalte auf auto eingestellt ist und die restliche Breite einnimmt.