Align on main axis with justify-content

• The justify-content property controls how our childs are laid out along the main axis.
• There are many instructions with justify-content like flex-start,flex-end,center,space-around,space-between,space-evenly.
• So if the main axis is row justify-content will place on the horizontal lines and if our elements are in column justify-content will place on the vertical lines.