JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div class="table">
  <div class="header">
    <div class="headercell">
      Header
    </div>
  </div>
  <div class="row">
    <div class="cell">
      1x1
    </div>
    <div class="cell">
      1x2
    </div>
    <div class="cell">
      1x3
    </div>
    <div class="cell">
      1x4
    </div>
  </div>
</div>

</body>

CSS

.table
{
  display:table;
}
.header
{
  display:table-footer-group;
}
.headercell
{
  display:table-cell;
  width:100px;
  border:3px solid #fff;
  background-color:lightgreen;
}
.row
{
  display:table-row;
}
.cell
{
  display:table-cell;
  width:100px;
  border:3px solid #fff;
  background-color:lightblue;
}