Cacher is the code snippet organizer for pro developers

https://css-tricks.com/logic-in-media-queries/

@media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}



@media (min-width: 600px) and (max-width: 800px) {
  html { background: red; }
}