JSFiddle - React, Tailwind, and code Playground

by Geek17.com

HTML

<div id="wrap">
    <div id="header">Header</div>
    <div id="sidebar">Static LEFT sidebar</div>
    <div id="content">Main content: fluid div.<br/>Width is automatically adjusted between 300px and 700px</div>
    <div id="footer">Footer</div>
</div>

CSS

#wrap { margin: 0px; padding: 10px; max-width:1000px; min-width:500px; margin:auto;}

#header {background: #0f0;}

#sidebar {width: 200px; float: left; height: 200px; background: #ddd;}

#content {margin-left: 210px; left auto; min-height: 100px; background: #ddd;}

#footer {clear:both; background: #0f0;}