Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

Question

[Антон Вебсайтовский]

Всех с наступающим и привет.
Недавно на флекс стал переходить, по этому появляются вопросы ).

Сделал блок верха сайта, слева логотип, справа меню.
Через дисплай, выравниваю все что в блоке по центру, на логотип работает, на менюшку не срабатывает, почему? и как через флекс, прижимать к левому или правому краю, допустим заменить хочу float:left на флекс, или не стоит заменять?

Решил все через флекс в блоке отцентровать по вертикали. Чтобы не применять line-height или margin-top и т.д.

Если кто не понял, .df стиль сделал чтобы не было дублей дисплай флекс, а просто куда надо вписываю стиль и все, ну и центрование по вертикали .fc где надо отцентрить, я вписываю стиль и все. Ну в планах так.

Вот рабочий пример: https://jsfiddle.net/Lzbx18a9/4/

Comments

[Антон Вебсайтовский]

ⓒⓢⓢ, почему жопа, скорее не понял, там верх, я весь код не стал запихивать, верх сайта, где в блоке картинку и менюшку хотел отцентровать через флекс по вертикали.

[Антон Вебсайтовский]

Я в теме дописал, для тех кто так не делает и не поймет че к чему )

Если кто не понял, .df стиль сделал чтобы не было дублей дисплай флекс, а просто куда надо вписываю стиль и все, ну и центрование по вертикали .fc где надо отцентрить, я вписываю стиль и все. Ну в планах так.

[Антон Вебсайтовский]

ⓒⓢⓢ, но через паддинг тож не дело задавать размеры блока.

[Антон Вебсайтовский]

Xdevelx, уже через паддинг сделал, выход от самого высокого объекта и будет отступ.