Flex With Flexbox

The justify-content property is used to align the flex items along main axis.

justify-content: flex-start

Item 1
Item 2
Item 3
Item 4
Item 5

justify-content: flex-end

Item 1
Item 2
Item 3
Item 4
Item 5

justify-content: space-around

Item 1
Item 2
Item 3
Item 4
Item 5

justify-content: space-between

Item 1
Item 2
Item 3
Item 4
Item 5