JSFiddle - React, Tailwind, and code Playground

by srhcan

HTML

<div id="div_header">
</div>
<div id="div_middle">
</div>
<div id="div_footer">
</div>

CSS

html, body {
   height: 100%;
}

body {
	margin:0;
}


#div_header {
	width: 100%;
	height: 20%;
	border: 1px solid blue;
}

#div_middle {
	width: 100%;
	height: 70%;
	border: 1px solid red;
}

#div_footer {
	width: 100%;
	height: 10%;
	border: 1px solid green;
}