@uzi_no_uzi

Как задать ширину 100% блоку?

Пытаюсь сделать fullscreen слайдер, на данный момент задача состоит в том, чтобы блок .slide растянуть на всю ширину экрана, допустим я буду это отслеживать с помощью JS при изменении экрана и менять размер блоков .slide под размер, но я пробовал задать жестко размер этому классу и ничего не вышло, ширина какой была, такой и осталась, я предполагаю, что это из-за флексов, но не знаю как решить.

https://codepen.io/anon/pen/zWMPzb

5ac8c41001852655004203.jpeg
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 2
Chefranov
@Chefranov
Новичок
width: 100vw;

Но лучше возьмите готовое решение Slick Slider
Ответ написан
@BelkinVadim
Frontend разработчик
Вам нужно растянуть контейнер на весь экран, самый простой вариант это ширина 100%, затем сами слайды так же должны быть на весь экран - так же 100% ширина. А следующий шаг это сделать слайды в одну строку и скрыть те что не умещаются - тут вариантов несколько, можно на флексах с запретом переноса (он по-умолчанию), можно на инлайн блоках с запретом переноса.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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