JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<div class="main">
  <div class="item"><img src="https://images.pexels.com/photos/853168/pexels-photo-853168.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"></div>
  <div class="item"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS3Yg-YB3A3nkkr1Z_E0pm0cyah_2Xkgpj7m5BnNghSQVoEmubx"></div>
  <div class="item"><img src="https://cdn7.dissolve.com/p/D2115_215_635/D2115_215_635_1200.jpg"></div>
  <div class="item"><img src="https://cmkt-image-prd.freetls.fastly.net/0.1.0/ps/3481082/910/606/m2/fpnw/wm1/w2ciakjliyvrll09jtqrgwlntz41avwpahsr5bmsx5foeikyjji3up7zbqucjey9-.jpg?1509109191&s=7c1d303a36e53852b1ec344377d4ca5e"></div>
</div>

CSS

.main{
  display: block;
  height: 100%;
  width: 100%;
}
.item{
  width: 50%;
  height: 50%;

  overflow: hidden;
}
img {
  max-width: 100%;
}