JSFiddle - React, Tailwind, and code Playground

by guyluchenbill

HTML

<div class='header'><div class='c'>
    <h1>an h1 tag</h1>
    
</div></div>
<div class='body'><div class='c'>
    <p>lorem ipsumchumson</p>
</div></div>

CSS

html, body, div, .header, .body, h1, p { margin: 0; padding: 0; }
.header { 
  height: 150px; 
  background: pink; 
}
.body { 
 background: gray; 
 height: 150px; 
}
.c { 
    width: 400px; 
    margin: 0 auto; 
}
@media screen and (max-width: 500px) { 
  .header { 
     background: lightBlue;    
    }
   .c {max-width: 100%}
}