row-gap | CSS CSS Properties

Sets the size of the gap (gutter) between rows in a Grid, Flexbox, or Multi-column layout.

Quick example

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* only adds space BETWEEN the rows, not columns */
  row-gap: 20px;
}

Initial value

normal

Inherited

Applies to

multi-column elements, flex containers, and grid containers

Animation type

lpc

normal

Widely available Since 2017 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.

Safe to use without fallbacks.

47+

52+

10.1+

16+