JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background-color: gray; padding: 10px">
    <table>
        <tbody>
        <tr style="background-color: red;">
            <td>
                <input size="12" type="text">
            </td>
            <td>
                <input size="12" type="text">
            </td>
            <td>
                <input size="12" type="text">
            </td>
            <td>
                <input size="12" type="text">
            </td>
            <td>
                <input size="6" type="text">
            </td>
            <td>
                <input size="6" type="text">
            </td>
            <td>
                <input size="8" type="text">
            </td>
            <td>
                <input size="8" type="text">
            </td>
            <td>
                <input size="8" type="text">
            </td>
            <td>
                <input size="8" type="text">
            </td>
            <td>
                <input size="8" type="text">
            </td>
            <td>
                <input size="12" type="text">
            </td>
            <td>
                <input type="checkbox">
            </td>
            <td>
                <input size="12" type="text">
            </td>
            <td>
                <input size="12" type="text">
            </td>
        </tr>
    </tbody>
    </table>
</div>