Чтобы хорошо сверстать, в самом начале лучше забыть о направляющих. Прямо взять и убрать:

Заодно подтянем вертикальные расстояния между абзацами, чтобы они не побеждали расстояния между колонками

Вопрос сразу переквалифицируется из геометрической загадки в задачу наведения порядка. Мы видим четыре логически равнозначных колонки с примерно одинаковым многострочным текстом, хотя и разной высоты. Самое прямолинейное решение — сделать колонкам одинаковую ширину, чтобы появился аккуратный ритм. Он компенсирует разную высоту колонок:

Заодно уделим внимание осмысленности в переносах слов

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

Если меню состоит только из отдельных слов, их естественнее объединить «строку Воронежского» с равными пробелами:

Я советую использовать гайды как чертёжную линейку, чтобы точно построить, что уже придумано. Исходник макета с миллионом вертикальных и горизонтальных направляющих — верный признак любителя.

Типографика в вебеМодульная сеткаСтрока ВоронежскогоМодульная вёрсткаПравило внутреннего и внешнегоФормат: текстНоситель: сайт
Отправить
Поделиться
Запинить

Рекомендуем другие советы