JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
  <div class="inner"> </div>
  <div class="inner"> </div>
  <div class="inner"> </div>
  <div class="inner"> </div>
</div>

CSS

.outer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: auto;
  border: 1px solid red;
}

.inner {
  display: inline-block;
  background: #111;
  width: 200px;
  height: 100px;
  margin: 10px;
  flex-shrink: 0;
}

JavaScript

var width = $(window).width();
var resizeMe = function() {
  if ($(this).width() !== width) {
    width = $(this).width();
    var cnt = Math.floor(width / 220);
    console.log(cnt);
    $(".outer").width(cnt * 220 );
  }
}
$(window).on('resize', resizeMe);