JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body>
<style>
	.panel{
width:255px;
height:100%;
position: relative;
float:left;
background-color:orange;
height:100vh;
	}
.main{
width:88%;
height:100vh;
position: relative;
float:left;
background-color:red;
}
.nav{
	width:100%;
	height:300px;
	background-color: yellow;
}

</style>
<div class="panel">
T
</div>
<div class="main">
<div class="nav">
T
</div>
T
</div>



</body>
</html>