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

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