JSFiddle - React, Tailwind, and code Playground

by Ivan Mattie

HTML

<div id="wrapper">

<div id="header"></div>
<div id="buttons">whole lot of buttons here</div>
<div id="body-left"></div>
<div id="body">
 In up so discovery my middleton eagerness dejection explained. Estimating excellence ye contrasted insensible as. Oh up unsatiable advantages decisively as at interested. Present suppose in esteems in demesne colonel it to. End horrible she landlord screened stanhill. Repeated offended you opinions off dissuade ask packages screened. She alteration everything sympathize impossible his get compliment. Collected few extremity suffering met had sportsman. 

Village did removed enjoyed explain nor ham saw calling talking. Securing as informed declared or margaret. Joy horrible moreover man feelings own shy. Request norland neither mistake for yet. Between the for morning assured country believe. On even feet time have an no at. Relation so in confined smallest children unpacked delicate. Why sir end believe uncivil respect. Always get adieus nature day course for common. My little garret repair to desire he esteem. 

On insensible possession oh particular attachment at excellence in. The books arose but miles happy she. It building contempt or interest children mistress of unlocked no. Offending she contained mrs led listening resembled. Delicate marianne absolute men dashwood landlord and offended. Suppose cottage between and way. Minuter him own clothes but observe country. Agreement far boy otherwise rapturous incommode favourite. 

Respect forming clothes do in he. Course so piqued no an by appear. Themselves reasonable pianoforte so motionless he as difficulty be. Abode way begin ham there power whole. Do unpleasing indulgence impossible to conviction. Suppose neither evident welcome it at do civilly uncivil. Sing tall much you get nor.
</div>
<div id="body-right"></div>
<div id="footer">footer here</div>

</div>

CSS

/*#wrapper {
    width: 1440px;
	top : 150pt;
    margin: 0 auto;
}*/

#header{
	content:url(http://placehold.it/960x120);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 960px; 
}

#buttons{
	display: block;
    width: 960px;
    margin: 0 auto; 
}

#body-left { 
    position: absolute;
    left: 0px;
    top: 120px;
    content:url(http://placehold.it/240x930);
}
#body { 
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
}
#body-right { 
    position: absolute;
    top: 120px;
    right: 0px;
    content:url(http://placehold.it/240x930);
}

#footer {
	content:url(http://placehold.it/960x250);
	margin: 0 auto; 
    clear: both;
}