JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="group">
        <div class="cell">1</div>
        <div class="cell">2</div>
        <div class="cell">3</div>
        <div class="cell">4</div>


</div>

CSS

.wrap {width: 100%; margin: 0 auto;}
.group {width: 70% display: inline-block;}
.cell {width: 20%; display: inline-block; text-align: center; line-height: 100px; background: #09f; border: 1px solid #ccc; margin: 2px 0 0;}