JSFiddle - React, Tailwind, and code Playground

HTML

<div class="min-400">min-width: 400px</div>
<div class="not-min-400">not min-width: 400px</div>

CSS

div {
    display: none;
}

@media (min-width: 400px) {
    .min-400 {
        display: block;
    }
}

@media not (min-width: 400px) {
    .not-min-400 {
        display: block;
    }
}