Flexbox - Equal heights for flex-item's content

How is it possible to have the flex-item’s contents are on the same level and have a nice look when the contents amount are different?

h2 and p are fine now to me button the buttons are not.
The first two button should be on the same level of the 3 one because of the content.

here are my codepen link:

Thank you.

I have found out, the codpen link has the answer.
It works with grid too as the grid-flex item needs to be display:flex.
The direction should be column and target the button to add margin-top: auto.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.