@alexeeey_kuznetsov

Как выровнять элементы по высоте?

5db4b0fe49fc4309527104.png
На картинке синим выделены карточки - внутри которых красным прямоугольником разного объема заголовка и красная линия, которая действительно является линией, но располагается в карточках на одном уровне. Черными прямоугольниками показано описание карточки, которое также может иметь разный объем, но находится на одном уровне. По картинке плохо понятно, но у всех карточек одинаковые padding по всем сторонам.
Вопрос в том, как раскидать заголовок(красный) и линию с описанием(чёрный) по всей площади и к тому же, например у первой карточки может не быть описания, так что вариант привязывать линию к заголовку отпадает.
Заранее спасибо за помощь!
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 2
@zkrvndm
Софт для автоматизации
Просто сделайте 8 флексблоков по четыре на строку. Отрегулируйте стили так, чтобы два вертикально стоящих флексблока казались одной единой карточкой.
Ответ написан
https://jsfiddle.net/sh4rov/0v76zrc8/

если сделать min-height черным блокам, то всё робит таким вот образом, если я вас понял верно.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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