JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="try">
hello
</div>

CSS

.try{
  color:grey;
  font-size:50px;
}
@media only screen and (max-width: 767px) {body{background:#fff;}  }
@media only screen and (max-width: 992px)  {body{background:blue;}  }
@media only screen and (min-width: 1200px)  {body{background:red;}  }