JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="page">
        1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0
    </div>
</div>

CSS

html,body{margin:0px;height:100%;}
.main{
    position:relative;
    margin:0px auto;
    width:100%;
    min-width:600px;
    min-height:100%;
    border:1px solid #000000;
    overflow:hidden;
}
.page{
    position:relative;
    margin-left:50%;
    left:-500px;
    width:1000px;
    min-height:100%;
    
    background:#dddddd;
}