JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<html>
        <body>
           <div id="wrapper">
           <div id="header">
               I am the header
           </div>
           <div id="content">
               Some random content
           </div>
           <div id="footer">
               I am the footer
           </div>
           </div>
        </body>
    </html>

CSS

html {
height: 100%;
}
body{
width:960px;
height: 100%;
margin: 0 auto;
}
#header{
height: 100px;
}
#content{
}
#footer{
height: 100px;
position: fixed;
bottom: 0;
}
#wrapper {
    min-height:100%;
    background-color:yellow;
}