JSFiddle - React, Tailwind, and code Playground

by Satyanshu Acharya

HTML

<div class="container">
    <div class="header">My header</div>
    <div class="subContainer">        
    <div class="main">Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content Here I show content </div>
        <div>
</div>

CSS

.container{ 
    width: 20em;
    border-style:solid;
    font-family:verdana;
    height:10em;    
}
.header{
    background: -webkit-linear-gradient(right, rgba(255,0,0,0),#ddd);
background-position: left;
background-repeat: no-repeat;
border-bottom: 1px solid;
color:blue;
}
.subContainer{
    overflow:auto;
    height:8.7em;
}