JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div">
    <fieldset class="fieldset">
        <div class="grid">
            <table width="100%">
                <tr>
                    <td>NO</td>
                    <td>DAMN</td>
                    <td>LUCK</td>
                    <td>NO</td>
                    <td>DAMN</td>
                    <td>LUCK</td>
                    <td>NO</td>
                    <td>DAMN</td>
                    <td>LUCK</td>
                    <td>NO</td>
                    <td>DAMN</td>
                    <td>LUCK</td>
                </tr>
            </table>
        </div>
    </fieldset>
</div>

CSS

* {
    margin:0;
}
.div
{
width:94%;
    overflow-x:hidden;
    border:1px solid red;
    padding:3%;
}
.fieldset
{
    display:block;
    width:93%;
    max-width:100%;
    border:1px solid gray;
    border-radius:5px;
    padding:2%;
    overflow-x:auto;
}
.grid
{
    width:120%;
    border:1px solid blue;
}