JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<div class="header"></div>
<div class="container">
  <div class="nav"></div>
  <div class="content"></div>

</div>

CSS

.header {
  height: 100px;
  background-color: #000;
}

.container {
  background-color: red;
	height:calc(100% - 100px);
	display: flex;
}
.nav{
	width: 200px;
	height: 100%;
	background-color: #fff;
}
.content{
	height:100%;
	background-color: #666;
	flex: 1;
}