Карточки одинакового размера в столбцах ⇐ CSS

[Anonymous]

Я столкнулся с проблемой, аналогичной описанной здесь: я хочу разместить 3-6 карточек рядом друг с другом и чтобы они были одинаковой ширины и высоты. Я связал добавление опции is-flex к столбцу, но это повлияло на ширину столбцов (но сработало на высоту). Также я хочу, чтобы кнопка «заказать сейчас» оставалась внизу.
Я упаковал все в код:

Код: Выделить всё

regular price




450 €







standard price available for everyone


order









for early birds




350 €







very long text that showas thet the items becomes mostly taller than the other ones.


order









reduced




250 €







only until ...


order









green price




180 €







the reason


order

Что у меня есть:


Как я могу добиться, чтобы все карты были одинаковой высоты и ширины в порядке кнопка внизу? Я нашел обходной путь с определением минимальной высоты: 10rem;, но я не хочу работать с фиксированным размером, если это возможно.

Подробнее здесь: https://stackoverflow.com/questions/785 ... in-columns