Flex With Flexbox

The align-items property is used to align the flex items along cross-axis.

align-items: flex-start

Item 1
Item 2
Item 3
Item 4
Item 5

align-items: flex-end

Item 1
Item 2
Item 3
Item 4
Item 5

align-items: center

Item 1
Item 2
Item 3
Item 4
Item 5

align-items: stretch

Item 1
Item 2
Item 3
Item 4
Item 5

align-items: baseline

Item 1
Item 2
Item 3
Item 4
Item 5