flex space between align center 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: flexbox align right and left

.primary-nav {
    display:-webkit-flex;
    display:flex;
    list-style-type:none;
    padding:0;
    justify-content:flex-end;
}

.left {
    margin-right:auto;
}

Example 3: space between flexbox

justify-content: space-between;

Example 4: flex align children to side

flex-direction: column;
align-items: flex-start; //left
align-items: center; //center
align-items: flex-end; //right