JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="table">
        <div class="table-row">
            <div class="table-cell"></div>
            <div class="table-cell"></div>
            <div class="table-cell"></div>
            <div class="table-cell"></div>
        </div>
        <div class="table-row">
            <div class="table-cell"></div>
            <div class="table-cell"></div>
            <div class="table-cell"></div>
            <div class="table-cell"></div>
        </div>
    </div>

CSS

.table {
  display: table;
}
.table-row {
  display: table-row;
   border:2px solid red;
    padding:100px;
    margin-right:20px;
}
.table-cell {
  display: table-cell;
   border:2px solid red;
    padding:50px;
        margin-right:20px;
}