JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS

.child {
    background: #000;
    height: 300px;
    float: left;
    margin:15px 0 0 15px;
    width:300px;
    color: #fff;
    
}
.child:nth-child(3n+1) {
    clear: both;   
}

JavaScript

var child = $('.child'),
    parent = $('.child').parent();

if( child.width() > (parent.width()/3) ) {
     child.css('clear', 'none');   
}