CSS grid-row-gap Property

Set the gap between rows to 50px:

.grid-container {
grid-row-gap: 50px;
}

Definition and Usage

The grid-row-gap property defines the size of the gap between the rows in a grid layout.

Note: This property was renamed to row-gap in CSS3.

Default value:	0
Inherited:	no
Animatable:	yes. Read about animatable Try it
Version:	CSS Grid Layout Module Level 1
JavaScript syntax:	object.style.gridRowGap="50px" Try it

The numbers in the table specify the first browser version that fully supports the property.

Property
grid-row-gap	57	16	52	10	44

grid-row-gap: length;

Value	Description	Demo
length	Any legal length value, like px or %. 0 is the default value	Demo ❯

CSS reference: The grid-gap property

CSS reference: The grid-column-gap property