grid-template-rows CSS Property

The grid-template-rows property defines the grid rows — explicit sizes, fr, repeat(), minmax(), and line names [name].

.grid { grid-template-rows: auto 1fr auto; }

.grid { grid-template-rows: repeat(3, minmax(100px, auto)); }

min:0 max:9999 step:10

units:fr | px | % | em | rem

noneThe default value. No explicit rows.

autoAuto-sized row.

min-contentMinimum content size.

max-contentMaximum content size.

subgridAdopts the parent's track lines.

masonryMasonry layout (experimental).

repeat()repeat(N, ) — repeat.

minmax()minmax(min, max) — size range.

fit-content()Fits content up to a limit.

CSS Grid Layout Module Level 2

Editor's Draft

<length-percentage>

Show all code