Задать вопрос
Ketch
@Ketch
Все гениальное просто!

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

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

9c69c017beef414e92521fc907f66748.jpg

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

Заранее спасибо за ответ.
  • Вопрос задан
  • 1021 просмотр
Подписаться 8 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
abyrkov
@abyrkov
JavaScripter
width: calc(100% - 50px);
Аналогичным образом я верстаю любую адапцию без js.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы