Как сделать выравнивание заголовков и параграфов у данных блоков?

Question

[Genri_Rus]

Вот пример

Как можно сделать выравнивание заголовков и параграфов по горизонтальным линиям ?

Answer 1

[Андрей Галкин]

Мне удалось задать фиксированную высоту заголовка при равном содержании текста в контейнере с классом .cards-item__descr. Посмотрите код по ссылке ниже, может быть это будет вам полезно.

КОД ТУТ: https://codepen.io/MrPackage/pen/WNxbjdd

Обычно я делаю следующим образом:
Завожу 2 поля с наименованиями а-ля "Description" - полное описание поста, может содержать совершенно любую длину контекста и "Excerpt" - выдержка из текста, может содержать не более 200 символов (например). Таким образом получаю контейнер, который +- содержит примерно равную высоту.

Comments

[Genri_Rus]

Спасибо большое, а я так понял без overflow-y: scroll; не получится сделать ?

[Андрей Галкин]

Genri_Rus, получится, можно заменить на overflow:hidden, тогда излишки текста не будут выползать за границы контейнера, но текс будет обрезан.

Возможно есть другое решение с JS, лично я такое всегда решал при помощи CSS.

[Genri_Rus]

TpyxJl9l, наверно при js это все будет дергаться во время загрузки dom дерева ?

[Андрей Галкин]

Genri_Rus, не идеал, но вроде бы работает.

ССЫЛКА НА ПРИМЕР:
https://codepen.io/MrPackage/pen/VwjYBoX?editors=1111

[Genri_Rus]

TpyxJl9l, спасибо !