JSFiddle - React, Tailwind, and code Playground

HTML

<div class="apps">
        <div class="col">
        </div>
        <div class="col">
        </div>
        <div class="col">
        </div>
        <div class="col">
        </div>
        <div class="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: block;
    float: left;
}
.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: block;
float: left;
margin-top:5px;
height:250px;
width:20%;
background:#000;
}