JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
            <div class="box">
                <img src="http://4.bp.blogspot.com/_W90V87w3sr8/TT63x6kn_ZI/AAAAAAAAApA/-egcHRyskaY/s1600/blue-whale-pictures_3.jpg" />
            </div>
            <div class="box">
                <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>

CSS

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