Flex With Flexbox

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

row

←

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

justify-content: space around

Item 1
Item 2
Item 3
Item 4
Item 5

Justify content -Column

Column(Everything acts on the main axes that is vertical)

justify-content: space-between

Item 1
Item 2
Item 3
Item 4
Item 5