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

Question

[sammyKj]

всем привет, пытаюсь расположить все ссылки "Подробнее" внизу карточки, но т.к. в 3-й текста меньше, то её приходится стилизовать отдельно, но думаю, что это некорректно. Пробовала margin-right:auto для текста и флекс родителю задавала, но всё равно ссылка не двигается.
Что необходимо прописать для контента карточек, чтобы при сжатии блока все ссылки были снизу?

https://codepen.io/SamanthaKJ/pen/poaZGLd

Answer 1

[Ankhena]

Сначала нужно сделать так, чтобы card-body стали одинаковой высоты.
А то отступ auto вы задали, только чтобы его применить в блоке нет свободного места.
Либо вообще удалить эту обертку, если макет позволяет.

И эту card-body тоже. Тогда хоть флекс для courses__blc перестанет быть бессмысленным.

Если тяжело работать с инструментами разработчика, можно обводить блоки рамочками. Так будет понятнее, что у вас вообще происходит.

Comments

[sammyKj]

спасибо! избавилась от card-body, всё прижалось)
единственное, получается, что заголовок, текст и кнопку придётся двигать отдельно, а не целым блоком, но это не большая проблема)