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:left;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	background:#ddd;
}
.apps {
	margin-top:5px;
    display: inline-block;
    vertical-align: top;
	width:69%;
    margin: 10px 0;
}
.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;
vertical-align: top;
margin-top: 10px;
height:250px;
width:20%;
background:#000;
}