JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<ul class="gallery">
  <li><span><img src="https://auto.ndtvimg.com/car-images/medium/mercedes-amg/gla-45/mercedes-amg-gla-45.jpg?v=3" alt=""></span></li>
  <li><span><img src="https://static.pexels.com/photos/112460/pexels-photo-112460.jpeg" alt=""></span></li>
  <li><span><img src="https://auto.ndtvimg.com/car-images/medium/mercedes-amg/gla-45/mercedes-amg-gla-45.jpg?v=3" alt=""></span></li>
  <li><span><img src="https://auto.ndtvimg.com/car-images/medium/mercedes-amg/gla-45/mercedes-amg-gla-45.jpg?v=3" alt=""></span></li>
</ul>

CSS

.gallery {
  
}
.gallery li {
  float: left;
  width: 50%;
  border: 1px solid #000000;
  box-sizing: border-box;
}
.gallery li span {
  display: block;
}
.gallery li span img {
  width: 100%;
}