Как создать навигационную панель сверху в html и css?

Пожалуйста отправьте код html и css на самый минималистичный навбар который прилиплен к вверху и блоки с ссылкой заполнили всю ширину экрана и между ними была линия которая их отделяет. Я учу html css уже 3 месяца но навбар создать такой кошмар. Пожалуйста не критикуйте меня.
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 1
@nikalpet
привет!
код в html, надеюсь тут ясно

nav class="nav">

a class="item" href="#about">About us /a>

a class="item" href="#why-us">Our services /a>

a class="item" href="#expertise">Our expertise /a>

a class="item" href="#prices">Prices /a>

a class="item" href="#address">Address /a>

/nav>

код в css, как то так, вместо flex-end можно что-нибудь другое, что нравится больше, цвет поменять и тп.

.nav {
display: flex;
justify-content: flex-end;
background-color: #1e313e;
padding: 10px;
}

.item {
color: #efd3a2;
padding: 20px;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы