JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrapper'>
	<div class="cell">first<br> cell</div>
	<div class="cell">ID</div>
  
  <div class="cell">second<br> cell</div>
  <div class="cell">Name</div>
  
  <div class="cell">3</div>
  <div class="cell">Status</div>
  
  <div class="cell">4</div>
	<div class="cell">Date</div>
</div>

CSS

.wrapper {
  display: grid;
  grid-template-columns: 1fr  1fr;
  grid-auto-flow:row;
}
.cell {
  padding: 5px;
  border: 1px solid #000;
  
}