JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="cols">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

CSS

.cols {
  display:flex;
  height:150px;
}

  .col {
    background:red;
    border: 1px solid #000;
    flex: 1 1;
    height:100%;
    transition-property:flex background;
    transition-duration: 200ms;
  }
  .col:hover {
    flex: 3 1;
    background:blue;
  }