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>
<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;clear:both;}
.div_baloncek {
	height:160px;
	width:240px;
	float:left;
	border:2px dotted #000;
	margin:20px 0 0 20px;
}