Как сделать так, чтобы отзывчивый файл полностью переопределял исходный файл css в указанных точках останова?

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

Я попробовал некоторые обходные пути, такие как использование !important в упрямых правилах, и это решило мою проблему, но я знаю, что использование !important известно как очень плохая практика!

Есть ли другой способ, который считается лучшей практикой, по-прежнему сохраняет мой файл отдельно???