JSFiddle - React, Tailwind, and code Playground

by Kris Coulson

HTML

<div id="container">
<div class="cols left-column">
    <div>div1</div>
    <div>div1</div>
    <div>div1</div>
</div>
<div class="cols center-column">
    <div>div2</div>
    <div>div2</div>
    <div>div2</div>
</div>
<div class="cols right-column">
    <div>div3</div>
    <div>div3</div>
    <div>div3</div>
 </div>

CSS

*{
    box-sizing: border-box;
}
#container{
    height:2000px;
}
.cols {
    float:left;
    width:33%;
    overflow: scroll;
    height:30px;
}

.left-column{
    background: red;
    
}
.center-column{
    background: blue;
}
.right-column{
    background: green;
}