Как выравнять блоки из разных колонок без JS и таблиц?

Question

[GashuSalpagarov]

Как без табличной верстки и js выравнять блоки, выделенные красным цветом?
Верстка по ссылке https://gashusalpagarov.github.io/test/

Comments

[Ankhena]

Остаются гриды.
Либо флексы.

[Kovalsky]

Ankhena, это можно сделать даже если эти текстовые блоки принадлежат основным блоки-контейнеры которые никак друг с другом не связаны?

[alex-1917]

Никита Полевой, нет конечно,чудес не бывает

[Ankhena]

Никита Полевой, Никита, я думаю, вы прекрасно сами знаете, что нет.

[Kovalsky]

alex-1917, Ankhena, ну скажем так я сам действительно не знаю как это сделать, но я бы нисколько не удивился если бы в 2019 в CSS/HTML существовало бы средство связи блоков в рамках какой-нибудь виртуальной таблицы; не вижу тут никакого чуда. Кстати я всё же думаю что какой-нибудь хак подобный должен быть, надо поискать

[alex-1917]

Никита Полевой, такие вопросы надо рассматривать СОООВСЕЕЕМ с другой стороны, данный блок несет полезную нагрузку, равную катастрофично малой, практически исчезающей величине.
До этого блока мало кто доскролливает, блок рисуется в макет псевдо-дизайнерами для галочки,ну а по факту не найдется в адекватном мире бизнеса настолько разнообразных тарифных планов,которые бы отличались по объеиу текста в разы...
Кароче говоря,совет автору вопроса - не ипи мозга, впиши тупо туда равнозначный текст, забудь про этот блок навеки и займись более полезными делами...

[RAX7]

Вот тебе решение на флексах и без js. Насколько оно адекватное и стоит ли так делать решай сам.

[GashuSalpagarov]

RAX7, Думал о таком подходе, но будет магия в адаптиве.

[Ankhena]

GashuSalpagarov, почему js-то нельзя?

Answer 1

[Zahar Melnik]

Задай минимальную высоту от самого большего блока с текстом (min-height:) . Либо же используй flexbox