JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<header></header>
<div id="frame"></div>
<footer></footer>

CSS

html, body{
    margin:0;
    padding:0;
}
body{
    background:#23282C;
}
header, footer{
    position:absolute;
    top:0;
    border-top:1px #3A4146 solid;
    border-bottom: 1px #191919 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#292F34), to(#23282C));
    background-image: -webkit-linear-gradient(top, #292F34, #23282C);
    background-image:    -moz-linear-gradient(top, #292F34, #23282C);
    background-image:     -ms-linear-gradient(top, #292F34, #23282C);
    background-image:      -o-linear-gradient(top, #292F34, #23282C);
    background-image:         linear-gradient(top, #292F34, #23282C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#292F34', EndColorStr='#23282C'); 
    height:35px;
    width:100%;
    }
    footer{
        top:auto;
        bottom:0;
border-bottom:none;    
    }