JSFiddle - React, Tailwind, and code Playground

HTML

<div class="con">
    <div class="col">
        <div>
            <img src="http://placekitten.com/200/300" />
        </div>
        <div>
            Test
        </div>
    </div>
    <div class="col">
        <div>
            <img src="http://placekitten.com/200/300" />
        </div>
        <div>
            Test
        </div>
    </div>
    <div class="col">
        <div>
            <img src="http://placekitten.com/200/300" />
        </div>
        <div>
            Test
        </div>
    </div>                          
</div>

CSS

@-o-viewport{ width:device-width; zoom:1; }
.con { width:10)%; }
.col { width:30%; display:inline-block; }

/* 767 */
@media (max-width:767px)                    {
.col { width:100%; display:block; }
}