JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang=sk>

<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
	<div id="wrap">
		
		<div id="side">

		</div>
		
		<div id="content">
			<div id="about"></div>
			<div id="portfolio"></div>
			<div id="work"></div>
			<div id="contact"></div>
		</div>
	
	</div>
	</div>
</body>

</html>

CSS

body, html{
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-repeat: repeat;
	z-index: 0;
	}
#wrap{
	position: relative;
	border: solid;
	border-width: 1px;	
	width: 95%;
	height: 500px;
	z-index: 2;	
	top: 70px;
	left: 2%;
	}
#side{
	position: relative;
	left: 2%;
	height: 400px;
	width: 15%;
	z-index: 3;
	border: solid;
	border-width: 1px;
	top: 8.5%;
	}
#content{
	position: absolute;
	width: 74%;
	height: 480px;
	min-height: 480px;
	border: solid;
	border-width: 1px;
	left: 25%;	
	top: 10px;
	z-index: 4;
	}
#about{
	position: relative;
	width: 14%;
	height: 23%;
	left: 35%;
	top: 13%;
	border: solid;
	border-width: 1px;	
	}
#portfolio{
	position: relative;
	width: 18%;
	height: 31%;
	border: solid;
	border-width: 1px;
	top: 0;
	left: 50%; 	
	}
#work{}
#contact{}