Как выровнять header__container по центру, внутри header без потери высоты?

Question

[gazes12]

https://jsfiddle.net/3c72rLq6/13/

У общего блока header высота 166px (он покрашен в черный цвет).
Нужно чтобы header__container выровнялся по центру без потери высоты 166px. Как это сделать? Заранее спасибо!

Answer 1

[Андрей Федоров]

https://jsfiddle.net/0kn5dpe3/1/

Answer 2

[maxonlinux]

header {
display: flex;
align-items: center;
justify-content: center;
}

внутрь header помещаешь что угодно, оно выровняется по центру. У дочернего элемента (header__container) не забываешь width: 100%; иначе он сожмется.
Поскольку у тебя header__container шириной 100%, можешь убрать align-items из header, оно ничего не даст.