JSFiddle - React, Tailwind, and code Playground

by maxisam

HTML

<body>
<div id="logo-fixed"></div>
    <div id="wrapper-a">
        <div id="content">
            <div id="wrapper">
                <div id="main1"></div>
            </div>
        </div>
    </div>
</body>

CSS

html, body {
    background-color: #E0DAC8;
}
#logo-fixed {
    background-image: url("http://personal.justgooddesign.net/dailydose/IMG/bg_head.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    position:fixed;
    height:173px;
    width:1058px;
   
}
#wrapper-a{
    position: absolute;
    width:1058px;
}
#content {
    background-color: #E0DAC8;
    background-image: url("http://personal.justgooddesign.net/dailydose/IMG/content_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    width:900px;
    height: 1060px;
    margin: 100px auto 0;
}
#wrapper {
    height: auto;
    margin: auto;
    width: auto;
}

#main {
    background-color: #F1F2F2;
    background-image: url("http://personal.justgooddesign.net/dailydose/IMG/");
    background-position: center top;
    background-repeat: no-repeat;
    border: 1px solid #E0DAC8;
    height: 1060px;
    margin: 0 auto;
    padding: 0;
    width: 300px;
}