JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <a>
    <img src="http://lorempixel.com/120/120/"/>
  </a>
  <a>
    <img src="http://lorempixel.com/120/120/"/>
  </a>
  <a>
    <img src="http://lorempixel.com/120/120/"/>
  </a>
  <a>
    <img src="http://lorempixel.com/120/120/"/>
  </a>
  <a>
    <img src="http://lorempixel.com/120/120/"/>
  </a>
  <a>
    <img src="http://lorempixel.com/120/120/"/>
  </a>
</div>

CSS

*{
  margin: 0px;
  padding: 0px;
}

div{
  width: 750px;
  background-color: grey;
}

div > a{
  display: inline-block;
  height: 120px;
  width: 120px;
  max-height: 120px;
  max-width: 120px;
  margin-right: 6px;
}

div > a:nth-child(6n){
  margin-right: 6px;
}

div > a > img{
  height: 120px;
  width: 120px;
  max-height: 120px;
  max-width: 120px;
}