JSFiddle - React, Tailwind, and code Playground

by aliaksej

HTML

<div class="flex">

  <div class="fixed"></div>
  <div class="flexible"></div>

</div>

CSS

.flex {
  display: flex;
  width: 100%;
  height: 50px;
  border: 2px solid red;
  padding: 10px;
  box-sizing: border-box;
}

.fixed {
  width: 100px;
  border: 2px solid orange;
}

.flexible {
  flex-grow: 1;
  border: 2px solid blue;
}