JSFiddle - React, Tailwind, and code Playground

HTML

<section class="produtos">
  <ul>
    <li>
      <img src="img/exemplo.jpg" alt="produto">
     </li>
     <li>
       <img src="img/exemplo.jpg" alt="produto">
     </li><li><img src="img/exemplo.jpg" alt="produto"></li><li><img src="img/exemplo.jpg" alt="produto"></li><li><img src="img/exemplo.jpg" alt="produto"></li><li><img src="img/exemplo.jpg" alt="produto"></li></ul></section>

CSS

.produtos ul li{
  width: 33.333%;
  float: left;
}