JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>Even</td>
            <td>Odd</td>
        </tr>
    </tbody>
</table>

<br />

<table>
    <tbody>
        <tr>
            <td>San Francisco 49ers</td>
            <td>New Orleans Saints</td>
        </tr>
    </tbody>
</table>

<br />

<table>
    <tbody>
        <tr>
            <td>Loads and loads of content obviously calls for a longer left column</td>
            <td>Tiny column</td>
        </tr>
    </tbody>
</table>

CSS

table {
    width: 100%;   
}

td {
    border: 1px solid black;
}