JSFiddle - React, Tailwind, and code Playground

by Alex Myronov

HTML

<div class="top"></div>
<div class="middle"></div>
<div class="bottom"></div>

CSS

div {
    width: 450px;
    height: 250px;
    border: 1px solid #636363;
    position: absolute;
}
.top {
    top: 10%;
    background: yellow;
    z-index: 200;
}
.middle {
    background: #333;
    top: 20%;
    left: 10%;
    z-index: 500;
}
.bottom {
    background: green;
    left: 20%;
    z-index: 400;
}