JSFiddle - React, Tailwind, and code Playground

by jamessouth

HTML

<div id="header-global"></div>
<div id="bodywrapper"></div>
<div id="footer-global"></div>

CSS

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

#header-global {
    position: absolute;
    top: 0;
    width: 954px;
    left: 50%;
    margin-left: -477px;
    font-size: 75%;
    z-index: 30;
    height:100px;
    background-color:#000;
}

#bodywrapper {
    width: 954px;
    margin: 0 auto;
    min-height:100%;
}

#footer-global {
    position: fixed;
    bottom: 0;
    width: 954px;
    left: 50%;
    margin-left: -477px;
    font-size: 75%;
    color: #A1A1A1;
    background: 
    z-index: 20;
    height:100px;
}