JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tbody>
        <tr>
            <td class="td1">
                <input type="text" />
            </td>
            <td>Lorem ipsum</td>
        </tr>
        <tr>
            <td class="td2" colspan="2">
                <textarea></textarea>
            </td>
        </tr>
    </tbody>
</table>

CSS

table{ width: 100%; }
.td1{ width: 150px; }
.td2 textarea{ width: 400px; }