CSS grid-template Property


The grid-template-rows CSS property is used to specify the number of rows and row height in a grid. grid-template-row values are space-separated, with each value representing the row's height.

Syntax

Example

Preview

Property Values

Value Description
none The default value. There is no set size for the columns or rows.
grid-template-rows / grid-template-columns The size(s) of the columns and rows are specified.
grid-template-areas The grid layout is specified using named items.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
grid-template 57.0 52.0 10.0 16.0 44.0