Как убрать пустое пространство в Slick карусель?

Question

[Вероника Катаева]

Добрый день! Столкнулась с такой проблемой как появление непонятно откуда пустого пространства в карусели Slick при переходе на следующий слайд . Кто-нибудь знает как это решить?

Код в песочнице:
https://jsfiddle.net/peachferris/zr5u0yLv/2/
Изображения, чтобы понимать лучше в чём проблема:




Надеюсь на Ваш скорейший ответ. Хорошего Вам дня)

Comments

[Ankhena]

Уже очень хорошо :)
Осталось подключить скрипты и стили слайдера.
Сделать это можно слева, там где написано Resources. Просто вставляете туда ссылки на cdn.

А картинки можно заменить на любые другие подходящие по размеру из Яндекс.картинок или сервиса с картинками-заглушками, например https://picsum.photos/ или любого другого.

[Вероника Катаева]

Ankhena, спасибо большое за хорошие рекомендации!

[Ankhena]

Вероника Катаева, да при чем тут рекомендации?
Вы сделали песочницу по которой невозможно даже начать разбираться в чем проблема.

Поработала за вас, подключила слик и обвела рамками слайды
https://jsfiddle.net/b7herctj/
О каком пустом месте речь?

У вас там очень много лишних абсолютов. И фикс высоты.
slider-container - этот не растягивается, потому что он абсолют и у него не задана ширина, значит, он считает её по содержимому.
И т.д.

[Вероника Катаева]

Да, это действительно помогло, спасибо!