JSFiddle - React, Tailwind, and code Playground

HTML

<table>
      <tr>
          <td><div>1</div></td>
        <td><div>2</div></td>
        <td><div>3</div></td>
      </tr>
      <tr>
        <td><div>3</div></td>
        <td><div>5</div></td>
        <td><div>6</div></td>
      </tr>
      <tr>
        <td><div>7</div></td>
        <td><div>8</div></td>
            <td><div>9</div></td>
      </tr>
</table>

CSS

td { display: block; float: left; border: 1px solid black; width: 32%; padding-bottom: 32%; }

td div { position: absolute }
table { display: block; width: 100%; }
tr { display: block; width: 100%; }
tbody { display: block; width: 100%; }