JSFiddle - React, Tailwind, and code Playground

HTML

<table class="students">
<tr>
  <td>Иван</td>
  <td>Иванов</td>
  <td>ГРП101</td>
</tr>
<tr>
  <td>Петр</td>
  <td>Петров</td>
  <td>ГРП101</td>
</tr>
</table>

CSS

.students { width: 100%; }
.students td { border: 1px solid grey; } 

@media (max-width: 400px) {
  .students, .students tbody, .students tr, .students td { display: block; }
  .students td:nth-child(1) { display: inline-block; }
  .students td:nth-child(2) { display: inline-block; }
  .students td:nth-child(3) { display: block; }
  
}