JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<div class="container">
    <div class="uncle"></div>
    <div class="parent">
        <div class="child">
            
        </div>
    </div>
</div>

CSS

.container{
    outline: 1px solid red;
    width: 300px;
    height: 450px;
}

.uncle{
    outline: 2px solid violet;
    width: 100%;
    height: 50px;
}

.parent{
    outline: 1px solid blue;
    width: 300px;
    height: 400px;
    overflow: hidden;
}

.child{
    outline: 1px solid green;
    background-color: lightblue;
    width: 600px;
    height: 600px;
    overflow: scroll;
}