Как растянуть дочерний div за пределы родительского div в слайдере Slick Slider?

Question

[Даниил Конев]

Доброго дня, со вчерашнего дня не могу разобраться, как мне наконецто растянуть блок с бэкраундом на всю ширину. Для статического блока я использовал :

.slider_item {
    height: 68vh;
    background-image: url(/img/slider/slider_01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 99.45vw;
    left: calc(-50vw + 50%);
}

Это запись идеально работает, но при подключении slick slider, все конструкция рушится. Slick slider цепляет свои стили, но даже при их подключении ничего не выходит :(

Моя верстка тут: https://dk-web.site/

Answer 1

[oneManDev]

Эсли вы хотите сделать слайдер на всю ширину екрана то примените для .slick-slider {
position: relative;
left: calc(-50vw + 50%)
width: 100%;
}

Comments

[Даниил Конев]

Сделал все влево уехало. Там просто внутри фона, который растянут на всю ширину контейнер на 1200px, возможно в нем дело

[Даниил Конев]

Получилось, только width надо было поставить 99.45vw;