Задать вопрос
godsplan
@godsplan

Как правильно сделать слайдер на всю ширину с отступом слева/права?

cxfMDzS8Th8.jpg?size=852x406&quality=96&sign=9071c4800176de1846655013db72a819&type=album

Как пример вот. Можно конечно сделать слайдер на ширину 100% и добавить отступы слева, но тогда ломается концепция контейнера и выровнять этот слайдер по заголовку не выйдет.
Так же я пробовал задавать внутри контейнера задавать ширину 100vw, но мне кажется это костылем. Подскажите какие нибудь исходники похожих слайдеров/блоков, потому что я всегда это делаю очень странно.
  • Вопрос задан
  • 176 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
Дать контейнеру слайдера отступ слева
.slider-wrapper {
  margin-left: calc(50% - 1200px/2);
}

Где заменить 1200 на ширину вашего контейнера
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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