JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header"></div>
<div class="content">
<div class="div_baloncek"></div>
    <div class="div_baloncek"></div>
    <div class="div_baloncek"></div>
    <div class="div_baloncek"></div>
<div class="footer"></div>

CSS

.header{height:50px; width:100%; background:blue; color:#FFF;}
.content{width:100%; background:#FFF;}
.footer{height:50px; width:100%; background:#FF0; color:#FFF;}
.div_baloncek {
	position:relative;
	height:160px;
	width:240px;
	float:left;
	border:solid;
	border-color:#000;
	border-style:dotted;
	margin-top:20px;
	margin-left:20px;
}