JSFiddle - React, Tailwind, and code Playground

by HugeHugh

HTML

<div class="con">
    <div class="elastic bottom-offset">
    </div>
    <div class="is-typing"> someone is typing</div>
</div>

CSS

html, body, .con {
    width: 100%;
    height: 100%;
    position: relative;
    background: green;
    margin:0;
    padding:0;
}
.elastic {
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background: white;
}
.bottom-offset {
    margin-bottom:20px;
}
.is-typing {
    position: absolute;
    bottom: 4px;
    height: 15px;
    background: yellow;
}