css'de @media kullanımında en sık yapılan hata rastgele kullanılmasıdır. @media min-max çözünürlükleri girerek tasarımı responsive yapabilirsiniz ama css dosyanızda sıralamanızda yüksek çözünürlükten düşük çözünürlüğe doğru olmalı. aksi durumda çoğu tarayıcı css kodlarını yorumlarken karıştıyor. bu sıralamaya uyduğunuz halde istediğiniz sonucu alamıyorsanız değişkeni tetikleyen başka bir css dosyasındaki kod bloğu olabilir. bu durumda @media içerisindeki değerlerde !important kullanabilirsiniz.