JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
     <div class="inner">
            <div class="box first">
                <img src="http://4.bp.blogspot.com/_W90V87w3sr8/TT63x6kn_ZI/AAAAAAAAApA/-egcHRyskaY/s1600/blue-whale-pictures_3.jpg" />
            </div>
            <div class="box second">
                <img src="http://4.bp.blogspot.com/_W90V87w3sr8/TT63x6kn_ZI/AAAAAAAAApA/-egcHRyskaY/s1600/blue-whale-pictures_3.jpg" />
            </div>
            <div class="box last">
                <img src="http://4.bp.blogspot.com/_W90V87w3sr8/TT63x6kn_ZI/AAAAAAAAApA/-egcHRyskaY/s1600/blue-whale-pictures_3.jpg" />
            </div>
</div>
        </div>

CSS

.container {
            background: green;
            overflow:auto;
        }
.inner { padding-left: 20px; }
        .box {
            width: 33.3%;
            background: red;
            float:left;
            margin-right: 10px;
            
        }
.first { margin-left: -20px; }
        .last {
            width: 33.4%;
            margin-right: 0;
            /*float:right;*/
        }
        img {
            max-width: 100%;
            height: auto;
            width: auto\9; /* ie8 */
        }