JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="grid">
  <div class="item">
banana is my favorit fruit
   </div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
</div>

CSS

.grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 400px;
}

.item {
  padding: 1em;
  background: yellow;
}