Designing Web Layouts with CSS and Flexbox/

...

/

Align-items

Align-items

This lesson introduces the align-items Flexbox container setting to position your Flexbox child elements along the cross axis.

We'll cover the following...

While justify-content positions Flex-items on the main axis, align-items positions each Flex item in the direction of the cross axis.

Similarly to justify-content, align-items is also a container propery.

Align-items values

In case of justify-content, we may align multiple Flex items that are on a line parallel with the main axis. This is why space-around, space-between, and space-evenly make sense for justify-content ...