JSFiddle - React, Tailwind, and code Playground

HTML

<div class='box'>
  <div>text</div>
  <div>text</div>
  <div>text</div>
  <div class='col-2'>text</div>
  <div class='col-2'>text</div>
  <div class='col-2'>text</div>
  <div class='col-2'>text</div>
</div>

CSS

.box
{
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 10px;
}

.box div
{
  grid-column: 1;
  border: solid 1px black;
}

.box .col-2
{
  grid-column: 2;
  background: green;
}