При адаптации сайта под мобильные устройства в @media queries как прописать классы?

Question

[Freeman0205]

Здравствуйте! Помогите пожалуйста начинающему коллеге) При адаптации сайта под мобильные устройства (верстается по БЭМ, Vs-code, gulp, scss) столкнулся с тем, что в медиа-запросах не наследуются свойства некоторых классов, если прописываю через &, поэтому приходится прописывать класс полностью, это одна задача, а вторая у некоторых секций при адаптации не изменяются свойства(конкретно Padding и остаются перечеркнутыми когда смотрю в инструментах разработчика наследуясь от десктопной версии. Что может быть? Помогите пожалуйста!

Comments

[Andrew]

Без вашего кода тяжело говорить, но где-то вы наплужили
https://jsfiddle.net/kickerock/te0n26jg/3/
upd. У вас медиа выше по коду расположены? судя по всему, да.
медиа последним подключайте.
И я бы посоветовал убрал минификацию для рабочего варианта, то есть только при билде делать её, чтобы видеть строку ошибки.(еще map-ы можно оставить)

[Freeman0205]

Andrew, Спасибо, ищу, не могу понять в чем дело, так как мало опыта, буду разбираться дальше.
https://github.com/Freeman0205/heart-rate-monitors (код здесь)

[Freeman0205]

Andrew, спасибо Действительно в стилях в последнюю очередь подключил media ситуация с & поправилась, единственное у карусели (slick slider) приходится прописывать класс полностью.

Answer 1

[Freeman0205]

Спасибо Andrew. Основная проблема заключалась в том, что в файле style.scss блок media подключался не в самом конце. При переносе его в конец, все стили при адаптации применяются и работают отлично.