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

Завершаем сетку шапки

Сетка шапки практически готова. Осталось добавить псевдораспорку для блока .header-top, в котором расположены плавающие элементы-колонки. Детально эта тема разбирается в задании части «Сетки» тренажёра «Построение сеток».

Псевдораспорку лучше добавлять на непосредственный родитель плавающих колонок, поэтому мы добавляем её на .header-top, а не на .container. Если бы мы добавили распорку на центровщик, то возникли бы проблемы с заданием отступа между блоками .header-top и .promo.

Класс псевдораспорки из этого задания будет использоваться для создания сеток на флоатах и в других блоках.

Остаётся сбросить отступы по умолчанию у списка и добавить пару отступов между блоками, чтобы колонки шапки выстроились как в макете.

Завершаем сетку шапки

На этом с шапкой пока закончим. Стилизацию меню и кнопки мы завершим в следующих частях тренажёра.

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

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

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

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

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

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