Как правильно выстраивать гармонию по вертикали в макете?
Вертикальный ритм это такая же сетка. Только если горизонтальную сетку регулируют колонки макета (8/12/16/24) и при любой ширине экрана любые две колонки (например в шапке и в теле поста) имеют одну ширину, то вертикальный ритм регулируется вертикальными отступами, размером шрифта и интерлиньяжем. Танцуем от основного размера шрифта. Марджины и паддинги делаем кратными, интерлиньяж и размеры неосновных элементов тоже кратными. удобнее всего 8-пиксельная сетка. Тогда размеры шрифтов, отступов и интерлиньяжей будут 2/4/8/12/16/24. Почему тогда сетка называется 8-пиксельная? Потому что из набора размеров выпадают 6/10/14/20 кратные четырем пикселям. Если считать в em'ах, то отступы и интерлиньяж всегда будут 0,25/0,5/1/1,25/1,5/2 и т.д.
Можно где-то отступать от правил и делать размер шрифта элемента, например, 13 или 17. Но чтобы отступать от правил они (правила), должны быть.
Простой
