Slick inside the table or table-cell — Slick's width grows enormously large

tl;dr Just use exactly this styles for your table container:

.container {
  display: table;
  width: 100%;
  table-layout: fixed;
}

Wasted a lot of time to resolve an issue, when Slick is inside display: table-cell container. There are a lot of issues created here about this topic but no one provided 100% complete answer how to deal with 45 000+ pixels wide Slick.

Here is fully working JS Fiddle: http://jsfiddle.net/h61ur1zs/1/ (resize the browser or an iframe to see Slick width grows exponentially; uncomment some styles to fix crooked hands of Slick developers, those shitty coders).

[Apindes]

Hi guys. I had the same issue - my slider was 35k pixel in length and this code *{ min-height: 0; min-width: 0; }) didn’t work for me unfortunately. So i found a simple fix: add.carousel { overflow: hidden; min-width: 100%; width: 0; } this styles to ur slider. That solved my problem and enormous length disappeared.

[tyrann0us]

@simeydotme I just reported @artuska to GitHub for beeing offensive.