JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div class="block1">test1</div>
<div class="block2">test2</div>
    </div>

CSS

#wrapper
{
    display: table;
    width: 100%;
}

.block1 {
       width: auto;
       height: 200px;
       display: table-cell;
       background-color: green;
    }
    .block2 {
       display: table-cell;
       height: 200px;
       width: 200px;
       background-color: red;
    }