CSS row-gap property represents the gap between two adjacent rows. We take an example of a grid that contains three grid items.
row-gap : normal | length
It represents 0px gap between rows.
length value adds respective gap between the rows. The following demo represents 30px gap between the rows.
It applies to multi-column containers, flex containers, grid containers.
Was this article helpful?