Slider component transforms out of the screen, and items takes the wrong direction

[h1sashin]

Transform

I just copied React-slick config etc. from other project (I have never used It) and I adapted it to my project. But after running my app I couldn't scroll whole page, I was scrolling only Slider component. I thought it's because of my components height, but not, height was set to 200px. then I set something up and now I can scroll bla bla bla. Slider just decided to make itself transform left to fill WHOLE screen, but out of the screen, but so as not to travel past the component it's wrapper with to its right. That's my first problem. Arrows are in right place.

Setting wrapper width to 100% doesn't help.

Direction

After I manually changed Slider to not transform, left too much, I saw all components are set in the column, including arrows.

Is it problem with my code anywhere or I just can't setup the slick? I couldnt find anything like this in my css

* {
    *css here*
}

[SofianeBoumedine]

I encouter the same issues you need to add the style of slick-carousel. You can do it with the cdn in your index.html : <link rel="stylesheet" type="text/css" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />

or directly in the main component : think to install slick-carousel before import this : import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css";

[sjonchhe]

got the same issue, has anyone found any solution to this?