JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="products-list">
  <a class="product-item" href="#"></a>
  <a class="product-item" href="#"></a>
  <a class="product-item" href="#"></a>
  <a class="product-item" href="#"></a>
  <a class="product-item" href="#"></a>
</div>

CSS

.products-list{
	display: grid;
	grid-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

.product-item {
	position: relative;	
  height: 200px;
  background: lightgrey;
}