flexbox content center code example

Example 1: css flex center

display: flex;
align-items: center;
justify-content: center;

Example 2: 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 3: flex align children to side

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