Zum Inhalt springen

grid-template-rows

#grid-template-rows

Definiert die Zeilen eines Raster-Containers. Sie können die Breite einer Zeile durch ein Schlüsselwort (wie auto) oder eine Länge (wie 10px) angeben. Die Anzahl der Zeilen wird durch die Anzahl der Werte bestimmt, die in der durch Leerzeichen getrennten Liste definiert sind.

default grid-template-rows: none;

Es sind keine Zeilen definiert.

grid-template-rows: 120px auto 3rem;

Du kannst die Einheiten mischen.

grid-template-rows: 20px 1fr 2fr;

Sie können die fr Flexeinheit verwenden, um den verbleibenden Platz auf alle Flexzeilen zu verteilen.

Kai Spriestersbach