Блог

Я пытаюсь выполнить тесты с медиа-запросами, но он не применяет максимальную ширину, вместо этого применяется минимальная ширина

Я оставляю свой css-код

 body{  background: grey; }  @media (max-width: 500px) {  body {  background-color:violet;} }    @media (min-width: 1220px) {  body{  background-color: tomato;  }   }  

есть идеи, почему это происходит?

Ваш код работает, если ширина меньше 500, цвет фона:фиолетовый; если ширина больше 1220, цвет фона: помидор; и между фоном: серый;