JSFiddle - React, Tailwind, and code Playground

by mattopen

HTML

<div class="wrapper">
  <div class="left farbe">

  </div>
  <div class="middle farbe">

  </div>
  <div class="right farbe">

  </div>
</div>

CSS

.farbe{background-color:#789;border: 1px solid #fff;height: 100px;min-width:100px;}
.left{width:150px;float:left;}
.right{width:200px;float:right;}
.wrapper{display:inline-flex;width:100%;}
.middle{width:100%;}