Как при помощи flexbox выровнять текст в карточке?

Question

[MRcracker]

Есть карточки. Они стандартные. Картинка, заголовок, цена и кнопка, которая появляется при наведении на карточку. Скажите, пожалуйста, как можно при помощи flexbox выровнять описание и цену на карточке, чтобы они были на одной линии?

Код

Всем спасибо за ответы))

Answer 1

[Николай Миронов]

Нужно чтобы родительский элемент у карточек имел display:flex, это сделает карточки одной высоты. Для .product__wrap и .product__content указать display:flex; flex-direction: column; И для .product__content и .product__description добавить flex-grow: 1

Comments

[MRcracker]

не сработало к сожалению код