JSFiddle - React, Tailwind, and code Playground

by matox

HTML

<div class="gallery">
  <div class="img-wrap">
    <img src="https://static.ferrarinetwork.ferrari.com/images/ferrari-portofino-gate-2_mnCgpaet.jpg" />
  </div>
  <div class="img-wrap">
    <img src="https://static.ferrarinetwork.ferrari.com/images/ferrari-portofino-gate-2_mnCgpaet.jpg" />
  </div>
  <div class="img-wrap">
    <img src="https://static.ferrarinetwork.ferrari.com/images/ferrari-portofino-gate-2_mnCgpaet.jpg" />
  </div>
  <div class="img-wrap">
    <img src="https://static.ferrarinetwork.ferrari.com/images/ferrari-portofino-gate-2_mnCgpaet.jpg" />
  </div>
</div>

SCSS

.gallery {
  display: block;
}
  width: 100%;
  height: 100%;
  
  .img-wrap {
    display: inline-block;
    width: 24%;
    overflow: hidden;
    height: 100%;
  }
}