How to adaptively align the content in blocks the same height?

Hi all. There are two blocks the same height, but I can't figure out how to make the space equal to the height of the content of the first block just after the p tag, so basically I just need to nail the button below, given the indentation inside the block, but with the adaptability of the trouble. Help to solve
5afb4ab7d02f0871132359.jpeg
June 5th 19 at 21:55
3 answers
June 5th 19 at 21:57
Solution
Thank you very much - rosemary_Bartell13 commented on June 5th 19 at 22:00
always please) - Frederick.Gislason40 commented on June 5th 19 at 22:03
June 5th 19 at 21:59
Button must be Flex-element, set margin-top: auto; TS button will push on top of the available height. The blocks are the same height, provided that the Flex-container set-alignment (along transverse axis) stretch.
That's how it turns out
5afb4ea4ea579655449047.jpeg - rosemary_Bartell13 commented on June 5th 19 at 22:02
Example: https://codepen.io/Odisseya/pen/OZovYV - Frederick.Gislason40 commented on June 5th 19 at 22:05
June 5th 19 at 22:01
Container
display: flex;
flex-direction: column;


button:
margin-top: auto;

example

Find more questions by tags CSSUIkitHTML