JSFiddle - React, Tailwind, and code Playground

by Liaqat Saeed

HTML

<div id="Container">

</div>

CSS

#Container{
  height:400px;
  width:400px;
  
}@media screen and (max-height: 100px) {
  #Container { background: red; }
}
@media screen and (min-height: 101px) and (max-height: 200px) {
  #Container { background: green; }
}
@media screen and (min-height: 201px) {
  #Container { background: blue; }
}