JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <header>Header</header>
    <nav class="breadcrumbing">Breadcrumbing</nav>
    <section class="left_nav">Navigation</section>
    <section class="content">Content</section>
    <footer>Footer</footer>
</div>

CSS

*{font-size:10px}
html,body{width:100%;height:100%;margin:0;padding:0;}
body{background-color:#629302}
body>div{width:400px;height:100%;margin:0 auto;background-color:#FFF;}
body>div>header{height:50px;background-color:#9dc155}
body>div>nav.breadcrumbing{display:block;height:10px;margin:0;padding:0;}
body>div>section.left_nav{width:172px;margin: 8px 20px;float:left;background-color:#cdef88}
body>div>section.content{width:168px;float:left;}
body>div>footer{padding:19px 19px 22px;background-color: #e58b04;clear:left;height:100%;}