JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <img src="http://www.impressfx.com/main/images/stories/web_design_logo.jpg">
    </li>
    <li>
        <img src="http://www.impressfx.com/main/images/stories/web_design_logo.jpg">
    </li>
    <li>
        <img src="http://www.impressfx.com/main/images/stories/web_design_logo.jpg">
    </li>
    <li>
        <img src="http://www.impressfx.com/main/images/stories/web_design_logo.jpg">
    </li>
</ul>

CSS

* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

li {
    float: left;
    width: 33.3333%;
}

img {
    width: 100%;
    height: auto;
}