JSFiddle - React, Tailwind, and code Playground

by Denni Adam

HTML

<table>
    <tr>
        <td id="r1c1">row 1 col 1</td>
        <td id="r1c2">row 1 col 2</td>
        <td id="r1c3">row 1 col 3</td>
    </tr>
    <tr>
        <td id="r2c1">row 2 col 1</td>
        <td class ="td-big" colspan="2" rowspan="2">
            <div class="div-big"></div>
        </td>
    </tr>
    <tr>
        <td id="r3c1">row 3 col 1</td>
    </tr>
</table>

CSS

td {
border: 1px dashed black;
}
table {
    height: 100%;
}
.td-big {
    height: 100%;
}
.div-big {
    border: 1px solid red;
    height: 100%;
}