JSFiddle - React, Tailwind, and code Playground

by Phil Everton

HTML

<div id="wrap">
<div class="ms">
    <div class="ct">
        <div class="scroll"></div>
    </div>
</div>
<div class="ms">
    <div class="ct">
        <div class="scroll"></div>
    </div>
</div>
<div class="ms">
    <div class="ct">
        <div class="scroll"></div>
    </div>
</div>
<div class="ms">
    <div class="ct">
        <div class="scroll"></div>
    </div>
</div>
</div>

CSS

html,body{margin:0;padding:0}
html,body,#wrap,.ms{height:100%;overflow-y:hidden}
body,#wrap,.ct{display:block}
body,.ct{overflow:auto}
#wrap{width:400%}
.ms{width:24.99%;float:left}

/* opt */
.ms{background-color:blue}
.ct{height:100%;margin:0 10px;background-color:white}
.scroll{height:200%}