JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="cell">11</div>
    <div class="cell">12</div>
    <div class="cell">13</div>
    <div class="cell">14</div>
</div>    
<div class="row">
    <div class="cell">21</div>
    <div class="cell">22</div>
    <div class="cell">23</div>
    <div class="cell">24</div>
</div>   
<div class="row">
    <div class="cell">31</div>
    <div class="cell">32</div>
    <div class="cell">33</div>
    <div class="cell">34</div>
</div>   
<div class="row">
    <div class="cell">41</div>
    <div class="cell">42</div>
    <div class="cell">43</div>
    <div class="cell">44</div>
</div>

CSS

.row{
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.cell{
    float: left;
    min-height: 100px;
    width: 24%;
    border: 1px solid black;
    text-align: center;
    min-width: 100px;
}