JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<body> 
 <div id="header">Here comes my logo and Site Heading</div> 
 <div id="wrapper"> 
 <div id="content">Here is all my content displayed</div> 
 </div> 
<div id="footer">Copyright &copy; by me</div> 
</body>

CSS

* { 
 margin:0px;
 padding:0px;
}
 
html, body { 
 height:100%; 
 width:100%; 
} 

#wrapper { 
 min-height:100%; 
 width:980px; 
 margin:0 auto; 
 position:relative; 
} 

#header { 
    background-color:#000;
    border-bottom:4px solid #fff;
    height:120px;
}

#content { 
 padding-bottom:40px; 
} 

#footer { 
 width:980px; 
 height:40px; 
 position:absolute; 
 margin-bottom:120px;
    bottom:0px;
}