JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<table>
    <tr>
        <td>#1</td>
        <td>#2</td>
        <td>#3</td>
        <td>#4</td>
        <td>#5</td>
        <td>#6</td>
        <td>#7</td>
    </tr>
</table>

CSS

* {
    margin: 0;
    padding: 0;
}
tr {
    display: block;
    width: 500px;
}
td {
    display: block;
    border: 1px solid black;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}
td:nth-child(-n+4) {
    float: left;
    width: 25%;
}