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: center

Item 1
Item 2
Item 3
Item 4
Item 5

flex-direction:column
justify-content: center

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

flex-direction:column
justify-content: space-between

Item 1
Item 2
Item 3
Item 4
Item 5