Как сделать одинаковые отступы которые независимы от контента?

Question

[Toy Boy]

Answer 1

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

Лучше всего сделать через флекс-бокс:

.news__content {
  display: flex;
  flex-direction: column;
}  

.news__cards-title {
  flex-grow: 1;
}

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

Comments

[Toy Boy]

не работает(

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

Добавьте height: 300px для .news__content

[Toy Boy]

спасибо!