JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:200px;">
        <tr style="height: 1px;">
        <td style="height: inherit; border: 1px solid #000; width: 100px;">
              <div>
              Something big with multi lines and makes table bigger
              </div>
            </td>
            <td style="height: inherit; border: 1px solid #000; width: 100px;">
              <div style="background-color: red; height: 70%;">
              full-height div
              </div>
               <div style="background-color: yellow; height: 30%;">
              full-height div
              </div>
            </td>
        </tr>
    </table>