JSFiddle - React, Tailwind, and code Playground

by James Parsons

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<body>
		<div class="container-fluid">
        	<header>
            	
            </header>
            <div id="left">
            	<div class="test"></div>
            	<div class="test"></div>
            	<div class="test"></div>
            	<div class="test"></div>
            	<div class="test"></div>
            	<div class="test"></div>
            	<div class="test"></div>
            </div>
            <div class="main" class="hidden-xs">
            </div>
        </div>
	</body>

CSS

/* CSS Document */

body {
	margin: 0;
}

header {
	height: 10em;
	width: 100%;
	border-bottom: 1px solid #000000;
}

#left {
	float: left;
	height: 80%;
	max-width: 100%;
	width: 20%;
	border-right: 1px solid black;
	overflow: scroll;
}

#main {
	float: left;
	width: 80%;
	height: 100%;
}

.test {
	height: 10em;
	background-color: #eeeeee;
	width: 100%
}

.test:hover {
	background-color: #dddddd;
}