Урок 24 · CSS

Один вертикальный шаг на всю страницу

Селекторы, отступы и сетка уже собраны. Дальше глаз должен идти по странице ровным шагом.

Почему это следующий шаг

Макет собран, но у одной секции отступ 12 пикселей, у другой 80. Страница выглядит случайной.

Как сделать

Задай секциям один margin-block, например 4rem. Внутренний padding оставь отдельным и меньше. Заголовок внутри секции прижми к её тексту меньшим отступом, чем отступ между секциями. Не накапливай margin у последнего абзаца: он складывается с отступом секции.

section { margin-block: 4rem; }
section h2 { margin-block: 0 0.6rem; }

Что проверить

• Между крупными блоками один и тот же промежуток.
• Заголовок ближе к своему тексту, чем к чужой секции.
• Последний блок не удваивает отступ перед подвалом.