Как переключить слайдер с компьютерной версии на мобильную?

Question

[1Aspect1]

Есть 2 слайдера, первый вариант с 3 карточками в 1 слайде, всего 3 слайда, при переходе на мобильное разрешение экрана этот слайдер растягивается в 3 карточки, расположенных столбиком, достаточно большие. Хочу сделать по 1 карточке, но на 9 слайдов именно мобильной версии. Через какую функцию мне можно переключать вариации слайдеров отталкиваясь от разрешения экрана пользователя?

Comments

[SuperToster]

Как слайдер называется?

[1Aspect1]

Multi-item carousel https://mdbootstrap.com/docs/standard/extended/gallery/

[SuperToster]

Сорри, с бутстрапом помочь не могу. С любым нормальным плагином — пожалуйста.
Если вам просто нужно обрабатывать поведение, когда размер окна другой:

let mediaQuery = window.matchMedia('(min-width: 500px)')

if (mediaQuery.matches) {
  // я выполнюсь только если ширина экрана 500px или больше
}

upd.
И это не слайдер, это карусель : ) Собственно оно даже называется Bootstrap Carousel.
Вот это — слайдер: <input type="range">

[gazes12]

@media(max-width: 767.98px){
Указываете контейнеру слайдов flex-wrap: wrap;
Указываете размер 100% для слайдов (flex: 0 0 100%);
}