JSFiddle - React, Tailwind, and code Playground

by nightgremlin

HTML

<body>
  <div id="content">
     <div id="header">
        <p>THE HEADER</p>
     </div>
	
     <div id="center">
        <p>THE CENTER</p>
     </div>
	
     <div id="footer">
        <p>THE FOOTER</p>
     </div>	
  </div>
</body>

CSS

*{
    margin:0;
	  padding:0;
}
#header{
    width: 100%;
    height: 130px;
    background-color: #40E0D0;
}
#header a{
    color: ;
    font-family: ;
    font-size: ;
}
#center{
    width: 100%;
    height: 499px;
    background-color: #20B2AA;
}
#footer{
    width: 100%;
    height: 133px;
    background-color: #40E0D0;
}
p{
    color: white;
    font-family: Arial;
    text-decoration: none;
    line-height: 140px;
    text-align: center;
}