JSFiddle - React, Tailwind, and code Playground

by makaksel

HTML

<div class="wrp">
  
  <div class="item first">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-fill, minmax(100px, 1fr));
  grid-gap: 10px;
}

.item.first{
  grid-column-start: 3;
}

.item{
  background: red;
}