Answers for "give margin between flex items"

flex margin between items

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

Posted by: Guest on November-16-2021

add space between flex items

.flex-gap {
  display: inline-flex;
  flex-wrap: wrap;
}

.flex-gap > div {
  margin: 6px; /* HERE WE ADD THE SPACE */
}

Posted by: Guest on June-15-2020

Code answers related to "give margin between flex items"