JSFiddle - React, Tailwind, and code Playground

by tucado

HTML

<div class="tiles-container">

    <a></a>
    <a></a>
    <a></a>
    <a></a>  

  </div>

CSS

.tiles-container {
      display:grid;
      grid-gap:6rem;
      grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 2fr));
    }


    a {
      background:red;
      height:100px;
      }