flexbox flenx-end 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: how to create seprate flex box for adding items into the box
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
width: 32%;
padding-bottom: 32%; /* Same as width, sets height */
margin-bottom: 2%; /* (100-32*3)/2 */
position: relative;
}