JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contenedor">
	<div class="cuadro"></div>
	<div class="cuadro"></div>
	<div class="cuadro"></div>
	<div class="cuadro"></div>
</div>

CSS

#contenedor {
width: 90%;
margin: 10px auto;
}

.cuadro {
width: calc(25% - 2px);
height: 150px;
float: left;
background: #efefef;
border: 1px solid #ccc;
}