JSFiddle - React, Tailwind, and code Playground

by fadykamal

HTML

<div class="activity-div">
    <div class ="upper">
    </div>
    <div class="lower">
    </div>
</div>

CSS

.upper {
    width:100%;
    height:60%;
    background-color:#F4F4F4;
    position:relative;
}
.lower {
width:100%;
height:40%;
background-color:#7E7E7E;
-moz-box-shadow: inset 0 0 2px 5px #555;
-webkit-box-shadow: inset 0 5 2px 5px#555;
box-shadow: inset 0 0 10px 5px #555;
}
.activity-div {
width:90px;
height:74px;
}