JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<table>
    <tr>
        <td>
            <div class="content">1</div>
        </td>
        <td>
            <div class="content">1</div>
        </td>
        <td>
            <div class="content">1</div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="content">1</div>
        </td>
        <td>
            <div class="content">1</div>
        </td>
        <td>
            <div class="content">1</div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="content">1</div>
        </td>
        <td>
            <div class="content">1</div>
        </td>
        <td>
            <div class="content">1</div>
        </td>
    </tr>
    <table>

CSS

table {
    width:90%;
}
td {
    width:30%;
    position:relative;
}
td:after{
    content:'';
    display:block;
    margin-top:100%;
}
td .content {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:gold;
}