How can you align items to the bottom of a container using Flexbox?
Align Items to Bottom with Flexbox
Flexbox allows you to align items along the cross axis. To align items to the bottom of a container, set align-items: flex-end on the flex container.
Key Techniques
Set
display: flexon the container.Use
flex-direction: row(default) for horizontal layout orcolumnfor vertical layout.Set
align-items: flex-endto align all items to the bottom of the container.Individual items can override this using
align-selfif needed.
Example: Align Items to Bottom