Built a new pane split component

client/homebrew/homebrew.less

@@ -5,13 +5,61 @@
 @import 'naturalCrit/styles/tooltip.less';
 
 html,body, #reactContainer{
-	min-height: 100%;
+	min-height: 100vh;
+	height: 100vh;
+	margin: 0;
 	font-family      : 'Open Sans', sans-serif;
+	//overflow: hidden;
 }
 
 .homebrew{
 	background-color: @steel;
-	height : 100%;
+
+	height: 100%;
+
+	.page{
+		height : 100%;
+		display: flex;
+		flex-direction: column;
+
+
+		nav{
+			//height : 22px;
+		}
+
+		.content{
+			background-color: red;
+			flex: auto;
+			//position: relative;
+
+
+
+			.woo{
+				background-color: @red;
+			}
+			.cool{
+				background-color: @green;
+				height : 500px;
+			}
+
+
+			.temp{
+				flex: auto;
+				overflow-y: scroll;
+
+				.woo{
+					width:  50px;
+					height : 2000px;
+					background-color: green;
+
+				}
+
+			}
+		}
+	}
+
+
+
 
 	.paneSplit{
 		width : 100%;