Align Content In A Flex Container To The Bottom

Is there a way to have equal height items in flexbox and align all of the content within that container to the bottom? Currently this is what I have

Solution 1:

Yes, but since you don't have a specified height on the container, it defaults to height: auto (content height), and there's no free space to move down.

Once you define a height which allows for extra space, the items can move down with align-items: flex-end on the container, or align-self: flex-end on the items (like you have).