JSFiddle - React, Tailwind, and code Playground

by microbians

HTML

<div class="gallery">
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
    <a><img src="https://unsplash.it/550/400"/></a>
</div>

CSS

.gallery {
  display: grid;
  grid-gap: 5px;
 }
 
 .gallery img {
   width: 100%;
   height: 100%;
 }
 
  .gallery {
    grid-template-columns: repeat(5, 1fr); 
  }