Амир Алимжанов: не совсем, высота должна распределяться равномерно между блоками и растягивать их в высоту, заполняя контейнер с помощью свойства типа align-items: stretch; Поэтому и желательно это сделать на флексах.
Добавь эту функцию на сайт перед закрывающимся тегом body
Еще я подредактировал твой css немного для демонстрационных целей.
И при копировании функции, удали последнюю строку с комментарием.
Rad Cor: выбирай)
Оба способа описывать лень)
Если джаваскрипт можно использовать - там одна строка кода (присвоить/убрать класс со свойством animation-play-state: paused;)
Heik: в том то и дело, что я против этой темы)
Я за выравнивание внутри одного блока, хотя вертикальный ритм изначально в типографике подразумевает выравнивание всего текста на странице по этим вертикальным линиям
Heik: вероятно не так поняли) возьмите к примеру расширение к хрому baseliner, поставьте какую-нибудь высоту линии, и попробуйте разместить текст так, чтобы все буквы стояли ровно на линии. При попытке добавить заголовки вся система начнет рушиться, а при попытке ее настроить - расстояние между строками будет увеличиваться больше желаемого.
Про ритм элементов это отдельная тема и тоже спорная. Я имел ввиду ритм в тексте (leading). Мне было бы интересно посмотреть как это реализуется без костылей, ибо в вебе мы очень ограничены в инструментах по настройке параметров шрифта.
к сожалению, не так, как требуется ((
Во первых - высота блоков должна быть автоматическая.
Во вторых - высота контейнера должна быть автоматическая.
Если первый блок имеет допустим высоту 200 пикселей, а третий - 300, то второй блок должен растягиваться на всю высоту контейнера через какой-нибудь align-items: stretch; или типа того.