Answers for "css flex gap property"

css flex gap between items

/* limited support (Q1/2021: Firefox, Chrome, Safari) */
.flex-container
{
  display: flex;
  gap: 5px;
}

/* broad support */
.flex-item
{
  margin: 5px;
  /* and/or */
  padding: 5px;
}

flexbox gap

gap: 10px 20px; /* ⇳ and ⬄ */

row-gap: 10px; /* ⇳ only */
column-gap: 20px; /* ⬄ only */