Как пофиксить слик слайдер?

Question

[polxz]

слик слайдер не работает нормально, отображается в разных местах
ссылка на песочницу https://codesandbox.io/s/romantic-ptolemy-lky5h?fi...

Comments

[FeST1VaL]

Сделайте рабочий пример в песочнице. Я не вижу чтобы там работал слик

[polxz]

FeST1VaL, загрузил на другую песочницу, там всё должно норм работать

Answer 1

[FeST1VaL]

Так должно быть? Тогда все просто... вы не подключили стили слайдера.
Я например их подключил так:

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />

Comments

[polxz]

не помогло, всё также, до этого стили были подключены через скачанный файл с офиц. сайта

[FeST1VaL]

polxz, Ну в вашей песочнице не были подключены стили.(не правильные пути к slick.css и отсутствовал файл slick-theme.css и так же путь) После подключения слайдер встал в правую часть и выглядело это как на скриншоте

https://codesandbox.io/s/optimistic-bush-uuitb

[polxz]

FeST1VaL, не понимаю почему, но в codesandbox и вправду работает, но на компьютере всё так же

[FeST1VaL]

polxz, ну проверьте пути к стилям... навешиваются ли они...

Answer 2

[kryamk]

.top__slider-images {
width: 100%;
}

Comments

[polxz]

не помогло(