@4chets
Начинающий ВЕБ-программист

Не работает justify-content: space-between?

Помогите, не работает justify-content: space-between, не пойму в чём проблема.
<body>
	<header class="header">
			<div class="header__nav">
				<div class="nav__wrap">
					<div class="nav__logo">
						<h1>Тестоваый</h1>
					</div>
					<div class="nav__menu">
						<nav>
							<ul>
								<li><a href="">Информация</a></li>
								<li><a href="">Профилактика</a></li>
								<li><a href="">Тестовая</a></li>
								<li><a href="">Поддержать</a></li>
							</ul>
						</nav>
					</div>
				</div>	
			</div>
	</header>
</body>


*{
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }
a{
	text-decoration: none;
}
ul{
	list-style-type: none;
}
.container{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 5px;
}
.header{
	max-width: 100%;
	max-height: 70px;
	position: fixed;
	top: 0;
}
.header__nav{
	padding: 0 10px;
}
.nav__wrap{
	display: flex;
	justify-content: space-between;
}
  • Вопрос задан
  • 90 просмотров
Решения вопроса 3
approximate_solution
@approximate_solution
JS Developer
header - width: 100%
max-width - не определяет вашу ширину блока, всего лишь ограничивает. Учите матчасть.
Ответ написан
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Не врите, все работает. Чтобы вы поняли дал фон блокам.
Разбирайтесь сами.
Подсказка: проблема в стилях .header
Ответ написан
sfrancisco
@sfrancisco
Student =)
.header{
/* max-width: 100%; */
width: 100%

max-height: 70px;
position: fixed;
top: 0;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
04 апр. 2020, в 23:07
30000 руб./за проект
04 апр. 2020, в 23:05
100000 руб./за проект
04 апр. 2020, в 22:57
5000 руб./за проект