JSFiddle - React, Tailwind, and code Playground

by Dream Mkker

HTML

<table  border="1">
    <tr>
        <td colspan="2" class="red"></td>
        <td rowspan="2" class="yellow"></td>
    </tr>
    <tr>
        <td rowspan="2" class="green"></td><td class="blue"></td>
    </tr>
    <tr>
        <td colspan="2" class="purple"></td>
    </tr>
</table>

CSS

.red{background-color: red;}
.yellow{background-color: yellow;}
.blue{background-color: blue;}
.green{background-color: green;}
.purple{background-color: purple;}
table{width:100px; height:100px;}