Возможно ли сделать автоматическое выравнивание элементов внутри карточек?

Question

[ForSureN1]

Добрый день, возникла проблема, имеются карточки преимуществ, есть тайтл, картинка, текст, когда мы добавляем чуть больше текста для тайтла, элементы в других карточках не стоят на одном уровне, поэтому мы даём тайтлу margin-bottom: auto, казалось бы проблема решена, но если же мы еще добавим и текста в самом низу, то тогда все ломается, и даже есть мы тексту дадим margin-top: auto, ничего не помогает, перепробовал все варианты, прошу подсказать, может я что то упускаю.
Ссылка на песочницу: https://codepen.io/forsuren1/pen/MWEENBR
Заранее благодарю.

Comments

[Екатерина]

как вариант, задать высоту тайтла, например:

.white__card-title, .white__card-line, .white__card-text {
    position: relative;
    z-index: 1;
    transition: .3s ease-in-out;
    height: 145px;
}

[Ankhena]

Мы ждем subgrid.
А пока ждем можем считать всё это на js.

Альтернативы: обрезать текст, ограничивая каким-то количеством строк. При наведении показывать (абсолютом, чтобы не смещались другие карточки). Заголовки оставить как есть и продолжать использовать способ выравнивания с margin auto. Это если бы дело касалось товаров в магазине.

Для блоков типа вашего обычно готовят контент так, чтобы он выглядел единообразно.

[ForSureN1]

Ankhena, Да, я понимаю что готовят единообразно, но ведь заказчик в какой то момент захочет добавить/поменять текст, и тогда все поплывет, поэтому и решил обратиться сюда, высчитывать высоту, можно конечно, но думаю оно не стоит затраченного времени, а так большое спасибо за советы

[Ankhena]

ForSureN1, будем вместе ждать subgrid. А пока только костылики.

Answer 1

[Danny Arty]

Я бы на вашем месте, если есть вариант, что будет много текста, то скрыл бы его в обычном состоянии и показывал бы при ховере. Примерно так быстро накидал, но думаю смысл понятен.

Comments

[Екатерина]

карточки тогда прыгают, это не очень красиво...

[ForSureN1]

вариант прикольный, но не совсем подходит к сожалению

[Danny Arty]

Екатерина, этот момент можно решить легко. Я накидал за минуту примерно по быстрому, чтобы донести мысль