space between flex items css code example
Example 1: flexbox center and space between
//You have to give an automatic margin to all the items inside the flex.
.flexbox {
display: flex;
justify-content: space-between;
}
.flex-item {
margin: auto;
}
Example 2: space between flexbox
justify-content: space-between;
Example 3: add space between flex items
.flex-gap {
display: inline-flex;
flex-wrap: wrap;
}
.flex-gap > div {
margin: 6px; /* HERE WE ADD THE SPACE */
}
Example 4: flexbox space between
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly