JSFiddle - React, Tailwind, and code Playground

by makaksel

HTML

<div class="wrp">
  <div></div>
  <div></div>
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
</div>

CSS

.wrp{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 10px;
}



.item{
  background: red;

}