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

Question

[Дмитрий Дегтярёв]

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

Ссылка: https://codepen.io/kocsten/pen/qBWxxWP

Comments

[Модератор]

Для комментирования ответа жмите линк "Комментировать" под ответом
Не нужно писать комментарий в форме для ответа
Оповещения о такой реплике не поступит автору ответа

Не нужно засорять секцию ответов "спасибовсем", "решено" и тп

Answer 1

[WhiteBearDev]

Для расположения кнопок пропишите на

.main_slider .bx-controls-direction{
   max-width: 600px;
   width: 100%;
}

Чтобы текст корректно размещался в контейнере пропишите на

.main_slider-wrp{
   max-width: 450px;
   width: 100%;
}