JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="https://via.placeholder.com/300/0000FF/FFFFFF/?text=A">
  <img src="https://via.placeholder.com/300/00FF00/FFFFFF/?text=B">
  <img src="https://via.placeholder.com/300/FF0000/FFFFFF/?text=C">
  <img src="https://via.placeholder.com/300/FF00FF/FFFFFF/?text=D">
  <img src="https://via.placeholder.com/300/FFFF00/FFFFFF/?text=E">
  <img src="https://via.placeholder.com/300/00FFFF/FFFFFF/?text=F">
</div>

CSS

body {
  background:#000;
}
div {
  max-width:600px;
  margin:0 auto;
}
img {
  float:left;
  width:50%;
  height:auto;
}