JSFiddle - React, Tailwind, and code Playground

HTML

<table>
 <tr>
  <td>
   information 1
  </td>
  <td>
   information 2
  </td>
  <td>
   information 3
  </td>
  <td>
   information 4
  </td>
  <td>
   information 5
  </td>
 </tr>
 <tr>
  <td>
   information 1
  </td>
  <td>
   information 2
  </td>
  <td>
   information 3
  </td>
  <td>
   information 4
  </td>
 </tr>
</table>

CSS

td {width: 200px; border: 1px solid black;}
@media screen and (max-width: 400px) {
    td {
        width: 50%;
        float: left;
    }
}