CSS: gap, row-gap, column-gap (flex, grid)

gap (Spacing Between Items)

• CSS property gap is a shorthand for row-gap and column-gap.
• They are properties for the container of Flexbox or Grid Layout .
• It specify width between the items, but does not add margin to the items.

gap: length;

gap for between rows and between columns.

1

2

3

4

5

6

row-gap: length;

the spacing between rows.

1

2

3

4

5

6

column-gap: length;

the spacing between columns.

1

2

3

4

5

6