A flex layout that aligns the flex item content using the justify-content, align-items, align-content, or align-self properties. code example
Example: flex align children to side
flex-direction: column;
align-items: flex-start; //left
align-items: center; //center
align-items: flex-end; //right