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

Выстраиваем колонки в подвале

Мы разбили содержимое подвала на три колонки. Теперь следует указать их ширину и добавить отступы между колонками.

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

С шириной всё просто, а вот пространство между колонками распределено неравномерно. Если нужны разные внешние отступы, то justify-content не подойдёт. Нужно использовать margin.

Добавим первой колонке автоматический отступ справа — это оттолкнёт две другие колонки к правому краю флекс-контейнера. А чтобы разделить вторую и третью колонки, используем фиксированный отступ в пикселях.

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

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

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

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

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

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