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

Завершаем первую страницу

Страница практически готова. Из сеточных элементов остался только подвал страницы.

Подвал обозначается тегом <footer>, это блочный бокс. Изменять тип бокса в данном случае не требуется, ведь в подвале нет колонок. Но для соответствия макету нужно добавить ему внутренние отступы.

Макет подвала

Для стилизации используем класс page-footer.

В завершение отключим подсветку сеточных элементов, она больше не нужна.

На этой странице мы использовали гриды для шапки и списка преимуществ и блочные боксы для подвала и самого верхнего бокса на странице - тега <body> (его тип тоже можно изменить при необходимости). Грид-контейнеры нам понадобились, чтобы изменить поток и выстроить элементы в несколько колонок. Там, где поток менять не требовалось, мы использовали тип бокса по умолчанию. Мы также научились задавать элементам фиксированные внутренние и внешние отступы.

Гриды — очень мощная и гибкая технология, и мы пока рассмотрели только часть её возможностей. Узнайте, что ещё можно сделать с помощью гридов, пройдя часть «Знакомство с гридами».

Гриды не единственный способ изменять поток и строить сетки. В следующих заданиях мы в этом убедимся.

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

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

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

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

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

Проходить вызовы части «Сетки» тренажёра «Базовые механики построения сеток» можно после регистрации и оформления подписки.