Как прижать блок с position: absolute к низу другого блока?

Question

[staspopov]

Всем привет!



Нижнюю часть блока с текстом и разделом поднял вверх, поставив
position: absolute;
поднял с помощью
margin-top: -182px;

установил отступы
padding-left: 40px;
padding-left: 40px;
padding-right: 33px;
padding-bottom: 35px;

добавил фоновую подложку
background: linear-gradient(-180deg,rgba(0,0,0,0.00) 0%,#000000 100%);
border-radius: 8px;

и чтобы раздел оказался сверху а не снизу (они почему-то поменялись местами), использовал
flex-direction: column-reverse;

Но возникла проблема, у какой-то карточки заголовок в 1 строку, у какой-то две, три
в общем margin-top: -182px; не совпадает

Как это исправить? https://astrakhan.pro/video - ссылка на страницу
как сделать чтобы часть блока с текстом и разделом полностью совпадала с размерами картинки и не выходила за ее рамки

Comments

[Ankhena]

в общем margin-top: -182px; не совпадает

Если блок должен быть прибит к низу другого блока, так и позиционируйте его от нижнего края: bottom: 0

[staspopov]

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

[Ankhena]

staspopov,

чтобы у нее был одинаковый отступ сверху от заголовка

Не понятно кто с кем одинаковый.

Сейчас у вас абсолютный заголовок.
А должен быть блок, который содержит дату и заголовок. Ну и потом нужные margin для даты и заголовка.

Answer 1

[Арсений Матыцин]

В твоем коде все очень плохо.

А варианты как сделать на флексах и с absolute тут.

Comments

[staspopov]

Спасибо, получилось, вот только дату над заголовком выравнить не получается, чтобы у нее был одинаковый отступ сверху от заголовка