CSS grid-row-end property

Property values

autoDefault

It occupies the space from one grid line ('grid-row-start') to the very next grid line.

grid-row-end: auto;

Try it { }

number

It represents the last grid line where the placement of an item ends.

'2' means the item is placed between grid line 1 to 2 i.e. within one row.

grid-row-end: 2;

Try it { }

number

'3' means the item is placed between grid line 1 to 3 i.e. within two rows.

grid-row-end: 3;

Try it { }

number

'4' means the item is placed between grid line 1 to 4 i.e. within three rows. Now, the item occupies the whole grid.

grid-row-end: 4;

Try it { }