JSFiddle - React, Tailwind, and code Playground

by Kent Wood

HTML

<div class="holder">
    <div class="card card1" ></div>
    <div class="card card2" ></div>
    <div class="card card3" ></div>
    <div class="card card4" ></div>
</div>

CSS

.card {

    background-color: rgba(0,0,255,0.5);
    border:1px solid red;
    width:40px;
    height:60px;
}
.card1 {
    position:absolute;
    left:0px;
    top:0px;
}
.card2 {
    position:absolute;
    left:10px;
    top:10px;
}
.card3 {
    position:absolute;
    left:20px;
    top:20px;
}
.card4 {
    position:absolute;
    left:30px;
    top:30px;
}