@alexeeey_kuznetsov

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

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

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

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

Войти через центр авторизации
Похожие вопросы
16 июл. 2020, в 18:52
150 руб./за проект
16 июл. 2020, в 18:49
3500 руб./за проект
16 июл. 2020, в 18:37
3000 руб./за проект