JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><img src="http://www.placehold.it/200x200"/></li>
    <li><img src="http://www.placehold.it/200x200"/></li>
    <li><img src="http://www.placehold.it/200x200"/></li>
    <li><img src="http://www.placehold.it/200x200"/></li>
    <li><img src="http://www.placehold.it/200x200"/></li>
    <li><img src="http://www.placehold.it/200x200"/></li>
</ul>

CSS

li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  text-align: center;
  color: #bdc3c7
}

ul {
    list-style: none;
    margin: 0;
}