JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">DIV One</div>

CSS

#div1 {
    background-color: blue;
    color: white;
    width: 100px;
    padding: 2px;
}

@media (min-width: 420px) and (max-width: 760px) {
    #div1 {
        background-color: red;
        width: 300px;
        color: yellow;
    }
}

@media (min-width: 760px) {
    #div1 {
        background-color: green;
        width: 600px;
    }
}