JSFiddle - React, Tailwind, and code Playground

HTML

<div class="apps">
			<div id="col">
			</div>
			<div id="col">
			</div>
			<div id="col">
			</div>
			<div id="col">
			</div>
			<div id="col">
			</div>
		</div>
		
		<div class="userbox">
			<h4>Halla, Daniel</h4>
			<p>Brukerinfo og lenker her</p>
		</div>

CSS

* {
	margin:0 auto;
	padding:0;
}
body,html {
	height:100%;
	text-align:center;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	background:#ddd;
}
.apps {
	margin-top:5px;
	width:69%;
	display: inline-block;
}
.apps #col {
	background:#545B62;
	float:left;
	height:250px;
	width:19%;
	cursor: pointer;
	margin-right:1px;
	border-radius: 5px;
}
.apps #col:hover {
	background:#878C91;
}

.userbox {
display: inline-block;
margin-top:5px;
height:250px;
width:20%;
background:#000;
}