Как адаптивно выровнять контент в блоках одной высоты?

Question

[Heorhii]

Всем привет. Есть два блока одной высоты, но я не могу понять как сделать "пробел" равный высоте контента первого блока именно после тега p, то есть по сути мне нужно просто прибить кнопку внизу с учетом отступов внутри блока, но с адаптивностью беда. Помогите решить

Answer 1

[boga-net]

https://jsfiddle.net/7sxftanL/9/

Comments

[Heorhii]

Спасибо большое

[boga-net]

Георгий Городенко, всегда пожалуйста)

Answer 2

[Odisseya]

Кнопка должна быть флекс-элементом, задайте ей margin-top: auto; т.о. кнопка оттолкнется сверху на доступную высоту. Блоки будут одинаковой высоты при условии, что флекс-контейнеру задано выравнивание (вдоль поперечной оси) stretch.

Comments

[Heorhii]

Вот как получается

[Odisseya]

Пример: https://codepen.io/Odisseya/pen/OZovYV

Answer 3

[Dymok]

Контейнеру

display: flex;
flex-direction: column;

кнопке:
margin-top: auto;

пример