JSFiddle - React, Tailwind, and code Playground

by intoxicatedcandle

HTML

<body>
    <div id="parent">
        <div id="child-div1">
            content..
        </div>
        <div id="child-div2">
        </div>
        <div id="child-div3">
            content..
        </div>
    </div>
<body>

CSS

body{padding: 0 5px;margin: 0;min-width: 1280px;overflow: auto;}
div#parent{min-width: 1280px;overflow-x:scroll;overflow-y:hidden;}
div#parent div{position: relative;}
div#child-div1{background-color:red;height:500px;width:480px;margin-top: 10px;float: left;}
div#child-div2{background-color:blue;float:left; height:500px;width:480px;}
div#child-div3{background-color:green;height:500px;width:480px;margin-top: 10px;float: left;}