JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <div id="div1"></div>
  <div id="div2"></div>
</div>

CSS

#wrapper {
  width: 300px;
  height: 100px;
  background: yellow;
  display: flex;
  display: -ms-flexbox;
}

#wrapper div {
  flex: 1 1 0%;
  -ms-flex: 1 1 0%;
}

#div1 {
  background: green;
  min-width: 200px;
}

#div2 {
  background: red;
}