JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<table>
    <tr>
        <td>
            <input class="fit" type="text" value="foo" />
        </td>
        <td>
            <select class="fit"><option>bar</option></select>
        </td>
        <td>
            <textarea class="fit">foobaz</textarea>
        </td>
        <td>
            <input  class="fit" type="text" value="foo" />
       </td>
    </tr>
<table>

CSS

.fit {
    background: red;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;     
    box-sizing: border-box; 
    width: 100%;
}

table {
    width: 100%;
}

td {
    padding-right: 10px;
    width: 25%;
    border: 1px solid;
}

JavaScript

/* cal() alternative */