JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<div class="grid">
  <div class="item">
    <img src="//placekitten.com/" alt="">
  </div>
  <div class="item">
    
  </div>
</div>

CSS

.grid {
  display: grid;
  grid-auto-columns: calc(100% / 2 - 10px);
  grid-template-rows: repeat(1, max-content);
  grid-column-gap: 20px;
}