JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="fr">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="fr">
<![endif]-->
<!--[if gt IE 8]>
<!-->
<html lang="fr">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title></title>
<!-- Included CSS Files -->
<link rel="stylesheet" type="text/css" media="all" href="production/elastic.css" />
<link rel="stylesheet" type="text/css" media="all" href="production/reset.css" />
<script src="jquery.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script src="production/elastic.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" media="all" href="production/main.css" />
<style>
body {
height: 100%
}
html {
height: 100%
}
</style>
</head>
<body>
<div class="unit elastic-height">
<div class="columns full-height same-height">
<div class="fixed column full-min-height" style="width:150px;background:red">
<div class="container">1
...