JSFiddle - React, Tailwind, and code Playground

HTML

<div id="max-device-width-480">device-width is 480px or less!</div>

<div id="max-width-480">width is 480px or less!</div>

CSS

div {
    display: none;
}

@media screen and (max-device-width:480px) {
    #max-device-width-480 {
        display: block;
    }
}

@media screen and (max-width:480px) {
    #max-width-480 {
        display: block;
    }
}