JSFiddle - React, Tailwind, and code Playground

by alboy51

HTML

<div class="page">
    <div class="block a">
        <div class="block-container">
           <div class="header">aaaa dsaa as  </div>
           <div class="body">bbbb  sdad </div>
        </div>
    </div>
    <div class="block b">
        <div class="block-container">
           <div class="header">aaaa dsaa as  </div>
           <div class="body">bbbb  sdad </div>
        </div>
    </div>
    <div class="block c">
        <div class="block-container">
           <div class="header">aaaa dsaa as  </div>
           <div class="body">bbbb  sdad </div>
        </div>
    </div>
</div>

CSS

.page{
    position:relative;
}
.block{
    position:absolute;
    margin:5px;
}
.block-container{
    position:relative;
}

.c{
 width:100px;
    height:150px;
    background-color:red;
    top:100px;
}
.a{
 width:70px;
    height:70px;
    background-color:green;
     left:100px;
}
.b{
 width:50px;
    height:60px;
    background-color:blue;
}