JSFiddle - React, Tailwind, and code Playground

HTML

<body>

	<div id="header">This is the header.</div>

	<div id="container">

		<div id="left" class="column">
			<h2>This is the left sidebar.</h2>
			<p>Lorem ipsum dolor sit amet</p>
		</div>
        
        <div id="center" class="column">
			<h1>This is the main content.</h1>
			<p>Lorem ipsum dolor sit amet</p>
		</div>

		<div id="right" class="column">
			<h2>This is the right sidebar.</h2>
			<p>Lorem ipsum dol</p>
		</div>

	</div>

	<div id="footer">This is the footer.</div>

</body>

CSS

/*** The Essential Code ***/
		* /* For CSS Reset */ 
		{ 
			padding: 0; 
			margin: 0; 
		} 

		html {
			min-height: 100%;
		}
		
		body {
			min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		}
		
		html, body {
			height: 100%;
			width: 100%;
		}
        
       #container
        {
            display:table;
            width: 100%;
            height: 100%;
            margin: -30px 0 -100px;
            padding: 30px 0 100px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

		#container .column {
			display: table-cell;
		}
		
		#center {
			padding: 10px 20px;       /* CC padding */
		}
		
		#left {
			width: 180px;             /* LC width */
			padding: 0 10px;          /* LC padding */
		}
		
		#right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
		}
		#header
        {
          height: 30px;  
        }
		#footer {
			height: 100px;
			width: 100%;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}

		/*** Just for Looks ***/

		body {
			margin: 0;
			padding: 0;
			background: #FFF;
		}

		#header, #footer {
			font-size: large;
			text-align: center;
			padding: 0.3em 0;
             -moz-box-sizing: border-box;
            box-sizing: border-box;
			background: #999;
		}

		#left {
			background: #66F;
		}

		#center {
			background: #DDD;
		}

		#right {
			background: #F66;
		}

		#container .column {
			padding-top: 1em;
			text-align: justify;
		}