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

Question

[Андрей Самойленко]

Здравствуйте, как правильно верстают адаптивные слайдеры в макетах, которые пропорционально уменьшаются в размерах в зависимости от экрана?
например вот такие:



Интересует как именно вы их верстаете — на flex, списки, inline-block?
Допустим кнопки по бокам, как лучше сделать, с помощью абсолютного позиционирования?
Или разбить на три блока - кнопка - слайд - кнопка и задать им блочно-строчное отображение?

Заранее спасибо за ответ.

Answer 1

[Dark Hole]

width: calc(100% - 50px);
Аналогичным образом я верстаю любую адапцию без js.