css to create space between flex item code example

Example 1: add space between flex items

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

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

Example 2: flexbox space between

justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly