Align-items
Explore the align-items property in Flexbox to understand how it positions flex items along the cross axis. Learn about key values such as stretch, flex-start, flex-end, center, and baseline to control vertical or horizontal item alignment in responsive layouts.
We'll cover the following...
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 ...