JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<ul>
   <li>
       <img src="http://upload.wikimedia.org/wikipedia/commons/3/3a/Matrix-50x50.gif"/>
   </li>
   <li>
       <img src="http://upload.wikimedia.org/wikipedia/commons/3/3a/Matrix-50x50.gif"/>
   </li>
   <li>
       <img src="http://upload.wikimedia.org/wikipedia/commons/3/3a/Matrix-50x50.gif"/>
   </li>
   <li>
       <img src="http://upload.wikimedia.org/wikipedia/commons/3/3a/Matrix-50x50.gif"/>
   </li>
   <li>
       <img src="http://upload.wikimedia.org/wikipedia/commons/3/3a/Matrix-50x50.gif"/>
   </li>
</ul>
</div>

CSS

.container {
    width:100%;
}

ul
{
    padding: 0;
    margin: 0;
    text-align:center;
}

ul li
{
    display: inline-block;
    width:15%;
    min-width:50px;
}