JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="child one">
    Child One
  </div>
  
  <div class="child two">
    Child Two
  </div>
</div>

CSS

div {
  border: 1px solid;
}

.container {
  display: -webkit-flex;
}

.child.one {
  -webkit-flex: 1 1 10em;
  color: green;
}

.child.two {
  -webkit-flex-grow: 2;
  -webkit-flex-shrink: 2;
  -webkit-flex-basis: 10em;
  color: purple;
}