JSFiddle - React, Tailwind, and code Playground

by Shishir Max

HTML

<div class="panel panel1">Panel 1x</div>
<div class="panel panel2">Panel 1x</div>
<br>
<div class="panel panel3">Panel 2x</div>

CSS

body {
    background: #eeeeee;
}
.panel {
    display: inline-block;
    background: #ffffff;
    min-height: 100px;
    height: 100%;
    box-shadow:0 2px 6px #000;
    margin: 10px;
    padding: 10px;
}
.panel1 {
    min-width: 100px;
    width: 100px;
    height:120px;
    margin-bottom:0;
    box-shadow:0;
}
.panel2 {
    min-width: 100px;
    width: 100px;
    
}
.panel3 {
    min-width: 245px;
    width: 245px;
    margin-top:0px;
    position:relative;
}

.panel3:before {
    content:'';
    display:block;
    background:#fff;
    width:120px;
    height:15px;
    position:absolute;
    left:0;
    top:-15px;
    z-index:10;
}