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

Испытание: Программа тура

Вам предстоит самостоятельно сверстать сетку страницы:

Макет страницы

Разметка и декоративные стили готовы, осталось написать сеточные стили. Советуем сразу обнулить внешние отступы у <body>, а для создания колонок использовать гриды.

В шапке должно быть две колонки: правая имеет фиксированный размер, а левая занимает всё оставшееся пространство. Не забудьте про внутренние отступы.

Макет шапки

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

Макет списка

Подвал страницы довольно простой, но у него отличается внутренний отступ сверху.

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

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня, проходящий c 18 июня по 19 августа 2024. До 27 мая цена 29 900 ₽30 900 ₽

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

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

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

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

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

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