JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cell">
  <div class="cell-50">column</div>
  <div class="cell-50">1</div>
  <div class="cell-50">2</div>
  <div class="cell-50">3</div>
  <div class="cell-50">4</div>
  <div class="cell-50">5</div>
  <div class="cell-50">6</div>
  <div class="cell-50">7</div>
  <div class="cell-50">1</div>
  <div class="cell-50">2</div>
  <div class="cell-50">3</div>
  <div class="cell-50">4</div>
  <div class="cell-50">5</div>
  <div class="cell-50">6</div>
  <div class="cell-50">7</div>
  <div class="cell-50">1</div>
  <div class="cell-50">2</div>
  <div class="cell-50">3</div>
  <div class="cell-50">4</div>
  <div class="cell-50">5</div>
  <div class="cell-50">6</div>
  <div class="cell-50">7</div>
  <div class="cell-50">1</div>
  <div class="cell-50">2</div>
  <div class="cell-50">3</div>
  <div class="cell-50">4</div>
  <div class="cell-50">5</div>
  <div class="cell-50">6</div>
  <div class="cell-50">7</div>
</div>

CSS

*{box-sizing:border-box;}
.cell{
  border:1px solid red;
  padding:10px;
  display: grid;
  grid-template-columns: 100px repeat(7, 1fr);
}
.cell-50{
  border:1px solid green;
}
.cell-50:first-child{
  background:tomato;
  grid-row: 1 / -1;
}