Ты увеличил вес селекторов своей вложенностью, это все равно, что прописать !important. Селектор медиа запроса должен быть таким же как и селектор основной верстки.
Фронтендер и бэкендер. Фронт реализует передачу данных на бэк и обработку ответа, бэкендер ловит запрос обращается к базе данных отдает ответ на фронт. Верстальщики если такие есть оформляют, возможно еще вставляют элемент для манипуляции по типу слайдера цен.
Первый вариант верен, но не совсем там есть элемент и он же другой элемент, более правильнее модификатор дать. И как это разные по смыслу? Это списки отображаются они одинаково, то что ты описали решается модификаторами. К тому же во втором варианте элементы одного блока вставлены в элементы другого так делать нельзя.
Тут лучше не стилями, а js так-как ты никогда не знаешь сколько нужно по высоте контенту. Получи максимальную высоту из всех слайдов, и задай такую же всем.
UPD. Внимательнее глянул твой код. Там оказывается display: none в основе. Стоит пределать на скольжение (все слайды видно, но просто скрыты за границами блока), что бы было без дерганий.
