JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="content">
    <div class="responsive-table">
      <table>
        <tr>       <td>zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td>
        </tr>
      </table>
    </div>
  </div>
</div>

CSS

body {min-height: 100vh;margin: 0;border: 1px solid #f00;}
td {border:1px solid #000}
.container {/*display: flex;*/}
.responsive-table {overflow-x: auto}