Как такое сделать на flex?

Question

[Eugene Chefranov]

Подскажите, как правильно сверстать такой блок

Имеется контейнер минимальной-высотой в 100vh, а в нем два блока. Верхний блок это типа шапки высота которой может меняться и второй блок тоже с динамической высотой. Необходимо чтобы второй блок занимал всю оставшуюся высоту и внутри выравнивал по центру вертикали элементы.

Answer 1

[ⓒⓢⓢ]

https://jsfiddle.net/bd68az1v/

Answer 2

[Александр]

Нижнему align-items : center, justify-content: center

Comments

[Eugene Chefranov]

Не помогло. Дело в том что нижний блок не занимает оставшуюся высоту

Answer 3

[vitaly_74]

я писать решение не буду просто оставлю ссылку, а вы уже смотрите что нужно вам html5.by/blog/flexbox это намного интересней.