JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<button id='change'>Change growth</button>
<div class="parent">
  <div class="block2 block"></div>
  <div class="block5 block"></div>
  <div class="block3 block"></div>
  <div class="block4 block"></div>
  <div class="block5 block"></div>
  <div class="block3 block"></div>
  <div class="block1 block"></div>
  <div class="block4 block"></div>
  <div class="block2 block"></div>
  <div class="block4 block"></div>
  <div class="block6 block"></div>
  <div class="block4 block"></div>
  <div class="block2 block"></div>
  <div class="block3 block"></div>
  <div class="block6 block"></div>
  <div class="block2 block"></div>
  <div class="block1 block"></div>
  <div class="block4 block"></div>
  <div class="block5 block"></div>
  <div class="block2 block"></div>
  <div class="block3 block"></div>
  <div class="block1 block"></div>
  <div class="block5 block"></div>
  <div class="block4 block"></div>
</div>

CSS

.parent{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.grow{
  flex-grow:1;
}
.block{
  height: 68px;
  margin: 5px;
}
.block1 {
  background-color: blue;
  width: 60px;
}

.block2 {
  background-color: red;
  width: 70px;
}

.block3 {
  background-color: green;
  width: 80px;
}

.block4 {
  background-color: orange;
  width: 90px;
}

.block5 {
  background-color: yellow;
  width: 100px;
}

.block6 {
  background-color: purple;
  width: 110px;
}

JavaScript

$(function(){
	$('#change').click(function(){
  	$('.block').toggleClass('grow');
  })
});