JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="first-col">
  <div class="cell">first<br> cell</div>
  <div class="cell">second<br> cell</div>
  <div class="cell">3</div>
  <div class="cell">4</div>
</div>

<div class="second-col">
  <div class="cell">ID</div>
  <div class="cell">Name</div>
  <div class="cell">Status</div>
  <div class="cell">Date</div>
</div>
</div>

CSS

.wrapper {
  display: flex;
}
.cell {
  padding: 5px;
  border: 1px solid #000;
  margin: 5px;
}