JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="S_GAMES">
      <li></li><!--
   --><li></li><!--
   --><li></li><!--
   --><li></li>
  </ul>

CSS

ul.S_GAMES li {
   margin: 0;
   display: inline-block;
   vertical-align: middle;
   text-align: center;
   width: 150px;
   height: 125px;
   background-image:url(/assets/preloadimg.GIF);
   background-repeat: no-repeat;
   background-position:center;

   /* this is just to show the design without adding extra space like borders */
   outline:#ccc 1px solid;
 }