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

Question

[Korrado_I]

Можете объяснить почему у меня font-size: 37.5% применяются к max-width: 1200 , когда у меня должно применятся к max-width: 900



К max-width: 900 тоже применяется, но появляется еще одно медиа-правило, которое применяется к max-width: 1200, а мне этого конечно не нужно

Comments

[Максим]

Некоторые браузеры читают css от html другие от body
Вы указали шрифт для html

[Ankhena]

Я бы предложила как-то получше настроить sourcemap, чтобы было видно где у вас написано второе правило.
И/или сделать песочницу на codepen.io иллюстрирующую проблему.
С большой долей вероятности, найдете ошибку пока её делаете.

Ваш вопрос очень вряд ли имеет отношение к css и совсем никакого к html. Разумнее было бы поставить sass.

[Александр Васильев]

Может быть лучше применить конструкцию if - else if - else?

[Korrado_I]

Проблема была в том, что не совсем правильно называть "переменные" числами. Вместо if $point == 1900... лучше написать что-то вроде if $point == bigscreen... Все заработает как нужно.