JSFiddle - React, Tailwind, and code Playground

by notjoelshapiro

HTML

<div id="container">
    <div id="innerContainer">
        <div class="backBanner">
        </div>
        <div id="contentSpace">
            <div class="tickerBar"></div>
            <div id="mainSpot">
            </div>
            <div id="footer">
            </div>
        </div>
    </div>
</div>

CSS

body{
     background: url('http://www.designfortress.net/gerbermotorsport/v1/wp-content/customAdds/backTile.png');
}
#container{
    width: 100%;
    padding-bottom: 100px;
    padding-top: 100px;
}
#innerContainer{
   height: 200px;
}
.backBanner{
    width: 100%;
    height: 61px;
    background: url(http://www.designfortress.net/gerbermotorsport/v1/wp-content/customAdds/baseSprites.png);
}
.tickerBar{
    width: 1040px;
    height: 67px;
    margin-left: -20px;
    margin-top: -75px;
    background: url('http://www.designfortress.net/gerbermotorsport/v1/wp-content/customAdds/baseSprites.png') 0 -63px;
}
#contentSpace{
    width: 1000px;
    background: white;
    margin: auto;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 5px 14px rgba(0, 0, 0, .5);
    box-shadow: 0px 5px 14px rgba(0, 0, 0, .5);
}
#mainSpot{
    height: 200px;
}
#footer{
    height: 50px;
}