JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

CSS

.box {
  width:200px;
  height:200px;
  display:grid;
  grid-auto-columns:1fr;
  grid-auto-rows:1fr;
  overflow:hidden;
}
.box div{
  outline:2px solid #000;
}
.box div:last-child {
  grid-area:3/3;
}