CSS: gap (flexbox)

gap (Spacing Between Items)

• CSS property gap is a shorthand for row-gap and column-gap.
• They are properties for Flexbox container.
• They add space between the items, but does not actually add margin of the items.

gap: length

gap for between rows and between columns.

1

2

3

4

5

6

row-gap: length

the spacing between rows, in multi-column, flex, and grid containers.

1

2

3

4

5

6

column-gap: length

the spacing between columns, in multi-column, flex, and grid containers..

1

2

3

4

5

6