JSFiddle - React, Tailwind, and code Playground

by cahnory

HTML

<div class="container">
    <div class="stretch">
        stretch
    </div>
</div>
<div class="container">
    <div class="gap">
        gap
    </div>
</div>

CSS

.container {
    background: gray;
    height: 300px;
    position: relative;
    width: 100%;
}
.stretch, .gap {
    background: #FFF;
    bottom: 10px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.gap {
    left: 25%;
    margin-left: 25%;
}