Gap CSS rows and columns
When using flex in CSS, gap is a shorthand combination of the row-gap and column-gap properties. You can use this to set the amount of space between flex items.
.gap-example-container {
display: flex;
gap: 2em;
}