JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
<div class='box'></div><!--
--><div class='box'></div><!--
--><div class='box'></div><!--
--><div class='box'></div><!--
--><div class='box'></div><!--
--><div class='box'></div>
</div>

CSS

.container{
  border: solid;
  display: inline-block;
}

.box{
  background-color: #08c;
  width: 50px;
  height: 50px;
  margin: 20px;
  display: inline-block;
}

JavaScript

function adjust(){
$('.container').width('');
var x = $('.container').width();
  
  // size of box is 90px, so set width to the minimal width which is dividible by 90px
  x= x - (x % 90);
  $('.container').width(x);
}

adjust();

$(window).resize(adjust);