5.
Flexbox. Оформляем меню сайта
Оформите css стили таким образом, чтобы меню сайта выглядело следующим образом:
- Контейнер
.nav должен использовать Flexbox.
- Элементы внутри
.nav должны равномерно распределяться вдоль главной оси контейнера и выровнены внутри контейнера по центру поперечной оси.
- Блок с ссылками
.nav-links должен:
- Быть Flex-контейнером,
- Иметь отступы
20px между элементами,
- Растягиваться на всё свободное пространство,
- Центрировать ссылки по горизонтали.
<nav class="nav">
<div class="logo">Лого</div>
<div class="nav-links">
<a href="#">Главная</a>
<a href="#">О нас</a>
<a href="#">Контакты</a>
</div>
<button class="login-btn">Войти</button>
</nav>
|
JS