JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div class="hidden">foobar</div>
<div class="visible">foobar</div>

CSS

/* max-width */
@media (max-width:639px) {
  .hidden {display:none}
}
/* min-width */
.visible {display:none}
@media (min-width:640px) {
  .visible {display:block}
}
/* custom rules */
div {padding:.5rem;margin:.25rem;border:thin solid #ccc}