JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
      <div class="left">
        <div>
          Some random irrelevant div that has fixed width of 220px no matter what and contians two divs.
        </div>
        <div>
          Ladidaaaa? Maybe? Lolz.
        </div>
      </div>
      <table class="right">
        <tr>
          <td>
            Table that should occupy the rest of the space and fluidly resize!
          </td>
        </tr>
        <tr>
          <td>
            Table that should occupy the rest of the space and fluidly resize!
          </td>
        </tr>
      </table>
    </div>

CSS

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

.left{
    border: 1px solid green;
    width: 220px;
    display: table-cell;
}

.right{
    border: 1px solid red;
    display: table-cell;
}