JSFiddle - React, Tailwind, and code Playground
HTML
<div style="width:100%; background-color:green; display:table">
<div class="full_quarter">
cfg
</div><div class="full_quarter">
cfg
</div><div class="full_quarter">
cfg
</div><div class="full_quarter">
cfg
</div>
</div>CSS
*{margin:0;padding:0;}
.full_quarter{ display:table-cell;padding:100px 0; margin:0; vertical-align: middle; background-color:red}