JSFiddle - React, Tailwind, and code Playground
by popsul
HTML
<table>
<tr>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td></td>
<td></td>
<td class="b"></td>
<td></td>
<td class="b"></td>
<td></td>
<td></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
</tr>
<tr>
<td class="b"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="b"></td>
<td></td>
<td class="b"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="b"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="b"></td>
</tr>
<tr>
<td class="b"></td>
<td></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td></td>
<td class="b"></td>
<td></td>
<td></td>
<td class="b"></td>
<td class="b"></td>
<td class="b"></td>
<td></td>
<td></td>
<td class="b"></td>
<td></td>
<td class="b"></td>
<td class="b"></td>
<td...
CSS
table {
table-layout:fixed;
width:300px; height:300px;
position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
border-collapse:collapse;}
td.b {
background:#000;}