JSFiddle - React, Tailwind, and code Playground

HTML

<div id='wrapper'>
  <header>
    <div id='header'>header</div>
  </header>
  <div id='container'>
    <div id='left'>left</div>
    <div id='right'>right</div>
    <div id='center'>center</div>
    <div class='clear'></div>
  </div>
  <div id='spacer'></div>
  <footer>
    <div id='footer'>footer</div>
  </footer>
</div>

CSS

* {
margin: 0;
padding: 0;}

html {
height: 100%;}
body { 
font-family: Segoe UI, sans-serif;
font-size: 12px;
color:#dedede;
background:url(../images/fon.png) #21242a;}

html, body {margin:0;height:100%;}

#wrapper {height:auto !important;height:100%;min-height:100%;width:1020px;
background: #21242a;
border-radius: 10px;
border: 1px solid #373B45;
box-shadow: inset 0px 1px 4px 1px #1D1D1D;
margin: 10px auto;}

#header {height:200px;}

#left {float:left;width:200px;}

#right {float:right;width:200px;}

#center {margin:0 200px 0 200px;}

#spacer {height:100px;}

#footer {height:100px;margin-top:-100px;}

.clear {clear:both;}