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

Question

[uzi_no_uzi]

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

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

Answer 1

[Eugene Chefranov]

width: 100vw;

Но лучше возьмите готовое решение Slick Slider

Comments

[uzi_no_uzi]

Хочу сам сделать этот слайдер

[uzi_no_uzi]

Не помогло 100vw

Answer 2

[Вадим Белкин]

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