JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<h1>kougiland</h1>

CSS

*{
  box-sizing: border-box;
}
body{
  min-width:320px;
  width:100%;
  height:100%;
  background-color: #444;
  color:rgb(210,210,212);
  font-size:100px;
  text-transform:uppercase;
  font-weight:900;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media only screen and (max-width : 1250px){
 
  
body{
    background:rgb(76,141,77);
  }
   
}
@media only screen and (max-width : 1125px){
 
  
body{
    background:rgb(213,68,125);
  }
   
}
@media only screen and (max-width : 1024px){
 
  
body{
    background:rgb(88,172,219);
  }
   
}

@media only screen and (max-width : 960px){
 
  
body{
    background:rgb(55,121,181);
  }
   
}
@media only screen and (max-width : 700px){
 
  
body{
    background:rgb(89,173,220);
  }
   
}
@media only screen and (max-width : 640px){
 
  
body{
    background:rgb(205,144,61);
  }
   
}
@media only screen and (max-width : 480px){

body{
    background:rgb(213,68,123);
  }

}
@media only screen and (max-width : 320px){

body{
    background:rgb(206,145,62); 
  }

}