JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">Resize your entire browser window</div>

CSS

#test {
    margin: 0px;
    font-size: 10em;
    font-family: Arial;
    text-decoration: underline;
}
@media screen and (max-width: 400px) {
#test {
    margin: 0px;
    font-size: 1em;
    }   
}
@media not screen and (max-width: 400px) {
#test {
        color: green;
    }   
}