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

Начинаем сетку в справочнике

Переходим к справочнику.

Сначала зададим для блока .cat-reference внутренние отступы. Кстати, на примере справочника видно, почему мы задаём именно внутренние, а не внешние вертикальные отступы: у блока серый фон, и отступ должен включать этот фон. Такое возможно сделать только с внутренними отступами. В других блоках внутренние отступы делаем для единообразия.

Верхний отступ раздела получится больше, чем на макете за счёт отступов заголовка, но с этими отступами разберёмся в следующих частях.

Затем добавим в блок центровщик и перейдём к внутренним элементам.

Сетка в справочнике отличается от предыдущих разделов: блоки расположены друг под другом, так что обойдёмся без флоатов.

На этом шаге зададим ширину списка определений в справочнике как на макете:

Начинаем сетку в справочнике

Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует 15 апреля 2024. Всего от 5 790 ₽в месяц.

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

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

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

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

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

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