Justify content is used to align items horizontally and accepts the following values:
flex end= moves content to the end of the main axis.
flex start=items align to the left of the container
space between = takes all of extra space and distributes between element not on outside edge
space around = gives element all same amount of space around it.
space evenly: even space between elements all on main axis
Flex direction: row reverse which main axis is right to left.
To point out flex starts if justify content is right side and flex end takes its left. Depending on the flex direction, main axis can change.
Comments