Как сделать 2 div (один над другим) одинаковыми по высоте?

Question

[p-oleg]

Есть два 100% по ширине div, один над другим.
Как можно их сделать одинаковыми по высоте, без js?
Под высотой подразумевается высота того div, который более высокий.

Answer 1

[Danil Klimov]

Помещаешь оба div в блок. Блоку даешь такие стили.

.block {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
}

https://codepen.io/danil-klimov/pen/VwmEPrq

Answer 2

[Стефан]

Запихнуть их в один контейнер и задать обоим высоту в 50%, либо так же через flex, просто вместо высоты flex-basis.