JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col-xs-6 col-sm-3 col-md-2">
        <img src="http://placehold.it/200x200/336699" alt="">
    </div>
    <div class="col-xs-6 col-sm-3 col-md-2">
        <img src="http://placehold.it/200x200" alt="">
    </div>
    <div class="col-xs-6 col-sm-3 col-md-2">
        <img src="http://placehold.it/200x200/336699" alt="">
    </div>
    <div class="col-xs-6 col-sm-3 col-md-2">
        <img src="http://placehold.it/200x200" alt="">
    </div>
    <div class="col-xs-6 col-sm-3 col-md-2">
        <img src="http://placehold.it/200x200/336699" alt="">
    </div>
    <div class="col-xs-6 col-sm-3 col-md-2">
        <img src="http://placehold.it/200x200" alt="">
    </div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.row {
    margin: 0;
}

img {
    width: 100%;
}

.col-xs-6 {
    padding: 1.5%;
    margin: 0;;
}

.col-sm-3 {
    padding: 1.5%;
    margin: 0;
}

.col-md-2 {
    padding: 1.5%;
    margin: 0;
}