JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
</div>

CSS

.container {background:red}
.item {background:green;float:left;}

JavaScript

$(window).resize(function(){
    var container=$(".container"),children=container.children();
    children.width(container.width()/children.length);
}).resize();