JSFiddle - React, Tailwind, and code Playground

by skeurentjes

HTML

<div class='box' id='parent'>
    <div class='box' id='child'>
        <div class='box' id='text'></div>
    </div>
</div>

CSS

#parent {
    position: relative;
    width: 32%;
    height: 242px;
    background-color: red;
}

#child {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 57px;
    background-color: green;
}

#text {
    background-color: yellow;
    width: 100%;
    height: 40px;
}