JSFiddle - React, Tailwind, and code Playground

HTML

<div> <span></span>

</div>
<div><span></span>

</div>
<div><span></span>

</div>

CSS

div {
    width: 33.3333%;
    box-sizing: border-box;
    float: none;
    margin-bottom: 25px;
    padding: 25px;
}
span {
    display: block;
    height: 200px;
    background: red;
}
@media (min-width: 960px) {
    div {
        float: left;
    }
}