Проблема с точками останова Swiper.js в React для разных размеров экрана ⇐ CSS

[Anonymous]

Я использую Swiper.jsin в проекте React, и у меня возникли проблемы с настройкой точек останова для отображения разного количества слайдов за просмотр в зависимости от размера экрана. Моя цель — показать 2 слайда на маленьких экранах (786 пикселей и выше), 3 слайда на средних экранах (1080 пикселей и выше) и 4 слайда на больших экранах (1200 пикселей и выше). Однако точки останова, похоже, работают неправильно. Вот мой текущий код:


Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9




Подробнее здесь: https://stackoverflow.com/questions/793 ... reen-sizes