JSFiddle - React, Tailwind, and code Playground

HTML

<div class="game11">
  <div class="cell" style="left: 0%; top: 0%;">
    <div class="digit digit2" style="top: 0px;">2</div>
  </div>
  <div class="cell" style="left: 20%; top: 0%;">
    <div class="digit digit2" style="top: 0px;">2</div>
  </div>
  <div class="cell" style="left: 40%; top: 0%;">
    <div class="digit digit3" style="top: 0px;">3</div>
  </div>
  <div class="cell" style="left: 60%; top: 0%;">
    <div class="digit digit1" style="top: 0px;">1</div>
  </div>
  <div class="cell" style="left: 80%; top: 0%;">
    <div class="digit digit3" style="top: 0px;">3</div>
  </div>
  <div class="cell" style="left: 0%; top: 20%;">
    <div class="digit digit1" style="top: 0px;">1</div>
  </div>
  <div class="cell" style="left: 20%; top: 20%;">
    <div class="digit digit1" style="top: 0px;">1</div>
  </div>
  <div class="cell" style="left: 40%; top: 20%;">
    <div class="digit digit4" style="top: 0px;">4</div>
  </div>
  <div class="cell" style="left: 60%; top: 20%;">
    <div class="digit digit1" style="top: 0px;">1</div>
  </div>
  <div class="cell" style="left: 80%; top: 20%;">
    <div class="digit digit3" style="top: 0px;">3</div>
  </div>
  <div class="cell" style="left: 0%; top: 40%;">
    <div class="digit digit3" style="top: 0px;">3</div>
  </div>
  <div class="cell" style="left: 20%; top: 40%;">
    <div class="digit digit2" style="top: 0px;">2</div>
  </div>
  <div class="cell" style="left: 40%; top: 40%;">
    <div class="digit digit4" style="top: 0px;">4</div>
  </div>
  <div class="cell" style="left: 60%; top: 40%;">
    <div class="digit digit3" style="top: 0px;">3</div>
  </div>
  <div class="cell" style="left: 80%; top: 40%;">
    <div class="digit digit4" style="top: 0px;">4</div>
  </div>
  <div class="cell" style="left: 0%; top: 60%;">
    <div class="digit digit2" style="top: 0px;">2</div>
  </div>
  <div class="cell" style="left: 20%; top: 60%;">
    <div class="digit digit3" style="top: 0px;">3</div>
  </div>
  <div class="cell"...

CSS

.game11,
.game11 .cell,
.game11 .cell .digit {
  box-sizing: border-box;
}
.game11 {
  width: 90vw;
  height: 90vw;
  max-width: 90vh;
  max-height: 90vh;
  box-sizing: border-box;
  position: relative;
}
.game11 .cell {
  width: 20%;
  height: 20%;
  position: absolute;
  font-size: 10vmin; /* Font size. This obviously doesn't work */
}
.game11 .cell .digit {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #666633;
  text-align: center;
  padding-top: 13%;