JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
    <li><a href="#"><img src="http://www.letsgochile.com/wp-content/uploads/2008/07/reserva-forestal-federico-a-150x150.jpg"/></a></li>
</ul

CSS

ul
{
    width:100%;
   list-style-type: none;
}
ul li 
{
    float:left;
    width:150px;
    height:150px;
    padding:5px;
    
}