JSFiddle - React, Tailwind, and code Playground

HTML

<table class='mobile' style="width: 100%; margin-top: 10px; table-layout:fixed;">
      <tr style="width: 100%;">
        <td colspan="2">
          <div class="item">
            <div>0</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>2</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>4</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>6</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>8</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>10</div>
          </div>
        </td>
      </tr>
      <tr style="width: 100%;">
        <td></td>
        <td colspan="2">
          <div class="item">
            <div>1</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>3</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>5</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>7</div>
          </div>
        </td>
        <td colspan="2">
          <div class="item">
            <div>9</div>
          </div>
        </td>
        <td></td>
      </tr>
    </table>

CSS

h3 {
        margin: 5px 0;
      }

      p {
        margin: 0;
      }

      table {
        margin: 10px 0px;
      }

      .item {
        border: 1px solid #000;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: table;
        font-size: 16px;
        text-align: center;
      }

      .item>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
      }

      .mobile {
        display: table;
      }

      .mobile tr {
        text-align: center;
        margin: auto;
      }

      .item {
        margin: 5px;
      }