JSFiddle - React, Tailwind, and code Playground

by jasallen

HTML

<div class='uber'>
    <div class='window'>
       <div class='content'>
           1
        </div><div class='content'>
            2
        </div><div class='content'>
            3
        </div>
    </div>
</div>

CSS

.uber {
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-color: blue;
}

.window {
    position: relative;
    height: 100%;
    
    left:-100px;
    width: 300px;
    background-color: red;
    
}

.content {
    background-color: purple;
     width:100px;
     height: 100%;    
     display: inline-block;
}