JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	  <table id="grid" cellspacing="10px">
	      <tbody>
	          <tr>
	              <td>
	                  <div class="theA">
  	                    <label class="innerText">1</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">2</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">3</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">4</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">5</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">6</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">7</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">8</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">9</label>
  	                </div>
  	            </td>
  	            <td>
  	                <div class="theA">
  	                    <label class="innerText">10</label>
  	                </div>
  	            </td>
  	        </tr>
  	    </tbody>
  	</table>
</body>
</html>

CSS

#grid {
    width: calc(100vw);
    height: calc(100vh);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

td {
    position: relative;
}

.theA {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(120, 120, 120, .2);
    padding: 1px;
    overflow: hidden;
}

label {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 150pt;
}