• Теория
  • Теория

Навигация

Теперь займёмся навигационным меню сайта.

Чтобы получить совпадение с макетом по вертикали, нужно задать блоку навигации дополнительный отступ сверху. Он сместит все пункты меню вниз относительно логотипа:

Навигация

Пункты меню мы расположим в ряд с помощью float, поэтому для самого меню потребуется добавить clearfix (так же мы действовали, когда работали с крупными блоками сетки).

Отступы между пунктами меню добавим с помощью margin. У последнего пункта ненужный отступ обнулим.

А отступ снизу меню задавать не будем, ведь у всего блока .header-top уже есть нижний отступ.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 29 апреля цена 21 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Четвертьфинал» тренажёра «Великий Кексби, этап 2» можно после регистрации и оформления подписки.