JSFiddle - React, Tailwind, and code Playground

by gmcalab

HTML

<div class="t">
    <div class="grp">1</div>
    <div class="grp">2</div>
    <div class="grp">3</div>
    <div class="grp">4</div>
    
    
    
    <div class="row">
        
        <div class="cell">1</div>
        <div class="cell">2</div>
        <div class="cell">3</div>
        <div class="cell">4</div>
    </div>
    
</div>

CSS

.row{
    border: 1px solid red;   
    display: table-row;
}

.cell{
    border : 1px solid blue;
    display: table-cell; 
    width: 25%; 
}
.grp{
    display: table-column-group;
    width: 25%;   
}

.t{
  display: table;   
}