JSFiddle - React, Tailwind, and code Playground

by Andrew Cross

HTML

<div id="wrapper">
	<div id="leftwrapper">
		<div id="leftcolumn">
			<img src="http://placekitten.com/882/666"></img>
		</div>
	</div>
	
	<div id="contentcolumn">
       Content
	</div>
	
	<div id="rightcolumn">
        Right
	</div>	

	<div style="clear:both"></div>
</div>

CSS

html {
background: yellow;
}

#wrapper { margin: 0 auto; max-width: 1250px; min-width: 980px; background: #fff; }

#leftwrapper{float: left; width: 100%; min-width: 180px; margin-left: -600px; }

#leftcolumn {margin: 0 220px 0 600px; }
#contentcolumn { float: left; width: 600px; margin-left: -220px; background: blue;}
#rightcolumn { float: left; width: 220px; background: green;}

img {
     max-width: 100%;
}