JSFiddle - React, Tailwind, and code Playground
HTML
<div>1</div>
<div>2</div>
<div>3</div>
<div style="display:none">4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div style="display:none">8</div>
<div>9</div>
<div>10</div>
CSS
*{margin:0;}
div {
text-align:center;
float:left;
width:22%;
margin:5px 4% 0 0;
height:50px;
line-height:50px;
background:red;
color:white;
}
/*div:nth-child(4n) {
margin-right:0;
}*/
JavaScript
$(document).ready(function(){
$('div:visible').each(function (i) {
if ((i+1) % 4 == 0) $(this).css('marginRight','0');
});
})