JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<div class="flex">
  <div class="a">

  </div>
  <div class="b">

  </div>
</div>

CSS

.flex {
  display: flex;
  flex-flow: row nowrap;
}

.a {
  flex: 3;
  height: 10px;
  background: red;
  max-width: 100px;
}

.b {
  flex: 1;
  height: 10px;
  background: blue;
}