css flex with space between code example

Example 1: space between flexbox

justify-content: space-between;

Example 2: add space between flex items

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

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

Example 3: flexbox space between

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