display grid/flex have some weird problem when using any kind of slider, I noticed it happening with slick and swiper
The solution to it is also a bit weird but simple.
All you have to do is add min-width: 0; to the parent element of the slider and thats it. (if I remember correctly)
If that didn’t help its most likely that the min-width: 0; is not in the correct location. Just keep adding it to every above element until it works =].
No idea why that happens but this solution worked for me every time this bug happend.