JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
      <div style="background:red;" class="one">hello</div>
      <div style="background:blue" class="two">dude</div>
 </div>

CSS

.wrapper > div {
        border: 1px yellow solid;
        display: table-cell;
        height:80px;
}

.one {
    width: 100%;
}

.two {
    width: 100px;
}