Почему применяя display: flex блоку header__body оно не ставит все блоки внутри него в строку?

Question

[Иван]

Ребят подскажите в чем моя ошибка, почему применяя display: flex блоку header__body оно не ставит все блоки внутри него в строку? Заранее благодарен!

<header class="header">
	<div class="_container">
		<div class="header__body">

			<div class="header__menu menu">
				<div class="menu__icon icon-menu">
					<span></span>
					<span></span>
					<span></span>
				</div>

				<a href="">
					<img src="../img/logo.svg" alt="">
				</a>



				<nav class="header__menu">
					<ul class="header__list">
						<li class="header__link"><a href="">link</a></li>
					</ul>
					<ul class="header__list">
						<li class="header__link"><a href="">link</a></li>
					</ul>
					<ul class="header__list">
						<li class="header__link"><a href="">link</a></li>
					</ul>
					<ul class="header__list">
						<li class="header__link"><a href="">link</a></li>
					</ul>
					<ul class="header__list">
						<li class="header__link"><a href="">link</a></li>
					</ul>
				</nav>

				<div class="header__phone">
					<img src="../img/phone.svg" alt="">
					<a href="">[phone]</a>
				</div>

			</div>
		</div>
</header>

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
}

.header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2C5085;
}


.header__body {
	display: flex;
	position: relative;
	z-index: 2;
	
}

.header__menu.menu {
}

.menu__icon.icon-menu {
}

.header__menu {
}

.header__list {
}

.header__link {
}

Comments

[anakondoz]

Что бы ссылки были у Вас в ряд надо применять flex к

header__menu {
    display: flex;
}

[Иван]

anakondoz,

а чтобы таким образом расположить блоки как лучше поступить?

потом хочу что бы по нажатию на бургер меню выезжало со списком

[anakondoz]

Иван, Что бы блоки (бургер, логотип, телефон) были по горизонтали, а ссылки в бургер меню по вертикали?

[Иван]

Да все верно

[anakondoz]

Иван, Тогда применять надо к header__menu menu flex? флекс ось применяется к дочерним блокам

[Иван]

anakondoz, Огромное спасибо!

[anakondoz]

Иван, Пожалуйста

Answer 1

[Lynn «Кофеман»]

Потому что внутри него всего один элемент

Comments

[Иван]

flex применимо только к элементам? к блокам его применять нельзя? И как в моем случае можно тогда расположить эти блоки ?

[Lynn «Кофеман»]

Иван, что вы называете блоком и чем это в вашем понимании отличается от элемента?