gap (flexbox)
property
CSS3
Sets the spacing between flex items. Replaces the margin hack for flex gaps.
Syntax
gap: row-gap column-gap;
Example
css
.card-row {
display: flex;
gap: 20px; /* equal row and column gap */
}
.nav {
display: flex;
gap: 8px 16px; /* row-gap column-gap */
}