JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<table>
    <tr>
        <td><td><td>
    <tr>
        <td><td class="clickable"><a href="#"/><td>
    <tr>
        <td><td><td onclick="document.location.href = '#'">
    
</table>

CSS

table, td{
    border: 1px solid black;
}
td{
    width:50px;
    height:50px;
    background-color: yellow;
}
.clickable a{
    display: block;
    width: 80%;
    height: 80%;
    color:transparent;
    margin: 0 0 0 10%;
    //border: 1px dashed red; //чтобы увидеть кликабельную область
}