Как центрировать по высоте элементы в шапке?

Question

[Raul Abdullin]

Общую высоту для шапки (включая меню сверху, панель с иконками и блок с картинкой) задал 100vh.
Нужно блок с заголовком + текстом + кнопкой выровнить по высоте относительно картинки, как показано на скриншоте.
Подскажите, как это лучше всего сделать?

Comments

[Дмитрий]

display:flex; align-items:center;justify-content: center;flex-direction:column;

[Raul Abdullin]

Дмитрий, большое спасибо, попробую

Answer 1

[Dima Polos]

display: flex;
flex-direction: column;
jastify-content: center;
далее только маржины между элементами задать равномерно, иначе будет перекос, или все эти элементы загнать в еще контейнер и отцентровать только этот контейнер просто задав родителю display: flex, а контейнеру margin: auto.

Comments

[Raul Abdullin]

большое спасибо, попробую

Answer 2

[Олег]

Если с калькулятора не смотреть, то в оригинале все неплохо выглядит. themewar.com/html/saponaLanding/sapona/index.html

Comments

[Raul Abdullin]

подскажите, а как вы нашли эту верстку? мы делали этот проект очень давно, сейчас тренируюсь верстать на этом макете.

[Олег]

raulvodov, В гугле разбанили вот и нешел))
sapona template