JSFiddle - React, Tailwind, and code Playground

by Kondal Durgam

HTML

<div class="page_wrap">
	<section class="main-content">
		lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsum
	</section>
	<nav class="nav-content">
		link
	</nav>
	<aside class="border-content">
		sideabr
	</aside>
</div>

CSS

.page_wrap{
	display:flex;
}
.main-content{
	width:60%;
}
.nav-content, .border-content{
	width:20%;
	flex:1:
}