JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div class="table">
  <div class="tbody">
    <div class="table-row">
      <div class="table-cell" style="width:50%;">
      
      </div>
      <div class="table-cell" style="width:50%;">
      
      </div>
    </div>
    <div class="table-row">
      <div class="table-cell" style="width:33.3%;">
      
      </div>
      <div class="table-cell" style="width:33.3%;">
      
      </div>
      <div class="table-cell" style="width:33.3%;">
      
      </div>
    </div>
  </div>
</div>

CSS

.table{
  display:table;
  width: 600px;
}
.table .tbody{
  display: table-body
}