Как сделать бордер и кнопку подробнее на одном уровне всегда ( независимо от текста)?

Question

[olya_097]

в слайдере
https://jsfiddle.net/0g4t6Lys/

Answer 1

[Сергей delphinpro]

Comments

[olya_097]

Сергей delphinpro , а зачем ссылке align-self: flex-start?
ведь вроде и без нее хорошо все стало

[Сергей delphinpro]

olya_097, Чтобы кликабельная область не занимала всю строку.
Вместо этого можно обернуть ссылку в блок.

Answer 2

[Андрей Федоров]

Добавить:

.reviews__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.owl-item,
.owl-stage {
display: flex;
}

Только учтите, что последние 2 класса создаются с помощью js, возможны нюансы из-за этого.

https://jsfiddle.net/g4vthc3s/

Answer 3

[Жора]

https://jsfiddle.net/urwg9y7k/1/
Немного некорректно так делать, лучше сделай кнопку подробнее... кнопкой! Отдельным элементом, который отлично впишется в твою флекс структуру

Comments

[olya_097]

Георгий, так а почему то кнопка? ведь по клику на нее переходим на новую страницу

[Жора]

olya_097, можно кнопку завернуть в ссылку, если будут проблемы то ссылку сделать блочным элементом