Почему нельзя весь медиазапрос взять в отдельный класс как обёртку

И просто сделать добавление нового класса на js

Нет же, нужно внутри медиазапросов добавлять новые классы

И по факту, если медиазапрос не 1 а более , как тогда на js сделать правильно, опять таки приходим к тому, что нужно внутри самого js делать брейкпойнты

Проблема тут только в том, что не хватает функционала в css, когда можно сделать класс поверх медиазапроса, обернуть сразу несколько медиазапрос в один класс!

И из за этого танцы с бубном

Почему нельзя обернуть медиазапрос в клас?

.width_1_click :media {
@media all and (not handheld) { .сдесь пишем остальные классы. }
}

Например что бы было так, для примера

гайс что лучше сделать со свайпером чтобы галочка была видна?я пробовал разные варианты:
-если дам отступ 1 элементу то другие сдвинутся и будет некрасиво
-убрал overflow hidden у swipeкr-container и его видно но по итогу видны все слайдеры за областью
-если сдвину саму галочку будет не по макету

https://codepen.io/roderen/pen/poeeGKj?editors=1010

Значение "thisCount" записывается в localStorage. Если смотреть на кодпене, то никаких проблем вы не заметите, потому что кодпен долго грузится (страница сама) и пока она загрузится, то всё будет нормально отображаться. Но если вы откроете этот код на локальном сервере, то при перезагрузке страницы, первую секунду будет видно изначально число (то, что не из localStorage).
У меня один вариант как это решить, нормально ли я сделал или нет? Если есть другие варианты (более правильные), пожалуйста подскажите.

Функцию, которая решает проблему, я закомментировал.

написать свой слайдер 😄😄👍👍😊😊

ну чего, сделал?)

Есть кто с gsap работает? Напишите мне в личку, пожалуйста :)

Ну так у тебя функция в первый раз вызывается только через секунду

Я знаю, поэтому и спрашиваю что можно с этой "задержкой" первую секунду сделать. Нормально ли если будет функция в начале (которая закоментирована)?

ну просто

а

Либо заменить интервал на таймаут, который будет вызываться внутри countPeople

👍