JSFiddle - React, Tailwind, and code Playground

by ordette

HTML

<div class="container">
    <div class="item item-a">Item A</div>
    <div class="item item-b">Item B</div>
    <div class="item item-c">Item C</div>
    <div class="item item-d">Item D</div>
    <div class="item item-e">Item E</div>
    <div class="item item-f">Item F</div>
  </div>

CSS

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 20% 1fr;
}