JSFiddle - React, Tailwind, and code Playground

by rohitazad

HTML

<div class="prodGrid">
    <div class="prod">
        <img src="http://www.sciencebuzz.org/sites/default/files/images/cat_0_0.jpg" alt="text" />  
    </div>
    <div class="prod">
        <img src="http://www.sciencebuzz.org/sites/default/files/images/cat_0_0.jpg" alt="text" />  
    </div>
    <div class="prod">
        <img src="http://www.sciencebuzz.org/sites/default/files/images/cat_0_0.jpg" alt="text" />  
    </div>
</div>

CSS

.prodGrid{margin:0;padding:0;width:100%;outline:1px solid red;font-size:0;}
.prod{width:33.3%;display:inline-block;}
.prod img{max-width:100%;vertical-align:top;}