JSFiddle - React, Tailwind, and code Playground

by Nikhil

HTML

<div class="parent">
  <div class="a">A</div>
  <div class="a-1">a1</div>
  <div class="b">B</div>
  <div class="c">C</div>
</div>

CSS

.parent {
  display: grid;
  grid-template-columns: 20px 20px 20px 20px;
  grid-template-areas: 'a b c a-1'; 
}

.a {
  grid-area: 'a';
}

.a-1 {
  grid-area: 'a-1';
}

.b {
  grid-area: 'b';
}

.c {
  grid-area: 'c';
}