JSFiddle - React, Tailwind, and code Playground

by Matt Powell

HTML

<div id="outer">
    <div id="inner">
</div>

CSS

#outer {
    background-color: red;
    border: 1px solid black;
    box-shadow: 0 0 30px rgba(0, 0, 0, 1) inset;
    height: 200px;
    position: relative;
    width: 200px;
}

#inner {
    background-color: #55A8FF;
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
}