How can I implement a responsive slider?

Question

Slider

Hello, please tell me how to implement adaptability on this slider. I tried to do it myself, but everything seems to work out, but I can’t figure it out with the buttons.
Link: https://codepen.io/kocsten/pen/qBWxxWP

Answer 1

For the location of the buttons, write on

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

In order for the text to be correctly placed in the container, write on

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