Как сверстать такой заголовок?

Здравствуйте. Нужно сверстать ряд блоков, в которых базовая линяя контента должна совпадать, не зависимо от размера заголовка ( см изображение ). Пытался сверстать такое с помощью флексов, но при слишком большом количестве текста у блока с меньшим заголовком текст уходил вверх, а у блока с большим заголовком и маленьким текстом текст поджимался вниз. Как такое правильно реализовать?
610c5ab519c86588652925.png
  • Вопрос задан
  • 118 просмотров
Пригласить эксперта
Ответы на вопрос 1
@karmyskove
Пример: https://codepen.io/EugeneKarmyshkov/pen/NWjOYrG

В примере много лишних свойств написал, ниже ключевые выделю.

Для карточки:
display: flex;
flex-direction: column;


Заголовок и текст карточки становятся flex элементами, чтобы title имел одинаковую высоту, ему просто можно указать свойство flex: 1 1 auto;
В случае если надо чтобы текст подстраивался, тогда для него указывай это свойство.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы