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

Уже несколько месяцев самостоятельно изучаю верстку, столкнулся с недопониманием, а спросить не у кого.
На странице есть два слайдера, сам слайдер реализован отдельным БЭМ блоком, так как эти слайдеры внешне идентичны. Как можно наименьшим кодом в css сделать так, чтобы первый слайдер был только на мобильной версии, а второй на всех? Я сам решил сделать так, в css все элементы блока Slider реализованы с двойной вложенностью, т.е Slider Slider__element и в JS при смене вьюпорта удаляю класс Slider (у первого блока, который в мобильной версии представляет собой слайдер) и стили слайдера у него отменяются. Но мне такое решение не очень нравится, так как приходится использовать JS для такой мелочи...
(Надеюсь выразился понятно, ведь код приложить не могу, т.к. он на рабочей машине)
  • Вопрос задан
  • 110 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы