JSFiddle - React, Tailwind, and code Playground

HTML

<table id="big-screen">
  <tr>
    <th> Points </th>
    <th> Players </th>
    <th> Prizes </th>
  </tr>
  <tr>
    <td>654646</td>
    <td>6468</td>
    <td>648684</td>
  </tr>
</table>
<table id="small-screen">
  <tr>
    <th>Points</th>
  </tr>
  <tr>
    <td>645646</td>
  </tr>
  <tr>
    <th>Players</th>
  </tr>
  <tr>
    <td>6468</td>
  </tr>
  <tr>
    <th>Prizes</th>
  </tr>
  <tr>
    <td>648684</td>
  </tr>
</table>

CSS

@media screen and (max-width: 319px) {
  #small-screen {
    display: table;
  }
  #big-screen {
    display: none;
  }
}

@media screen and (min-width: 320px) {
  #small-screen {
    display: none;
  }
  #big-screen {
    display: table;
  }
}