Нужно ли давать каждому блоку display: flex;?

Question

[freeman0204]

Хочу построить новый шаблон для лендинга. Как вы знаете в нем идет в основном блок за блоком сверху вниз.
Я начал с

.container {
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  margin: auto;
}

Но теперь когда задаю header display: flex; лого и меню становиться горизонтально по центру. Хотя по сути если задать display: flex; то они должны становится в ряд. Почему так? Я переназначал в header flex-direction: row; что идет по умолчанию. Ничего.

Если мне нужно выровнять лого и меню по flex я даю header display: flex; ? Если мне нужно поставить пункты меню в один ряд я даю .dropmenu li display: flex;? и так всему что я хочу выровнять с помощью flex;?

Answer 1

[Сергей Горячев]

flexbox.help
Экспериментируйте.

Answer 2

[DTX]

Для выравнивания есть свойства justify-content и align-items.
Для дочерних элементов используются flex-grow, align-self, order
Назначать flex дочернему блоку нужно только тогда, когда он сам будет flex-контейнером.

>Если мне нужно выровнять лого и меню по flex я даю header display: flex; ?
Это не понял. А на последние два вопроса - да, плюс justify-content и align-items.