JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flexbin">
  <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
    <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
    <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
      <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
      <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
      <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
      <div class="flexbin-item">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
  </div>
</div>

CSS

.flexbin {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}

.flexbin-item {
  box-sizing: border-box;
  width: 25%;
  padding: 10px;
}

.flexbin-item img {
  width: 100%;
}