JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

HTML

<div class="parent">
    <div class="child">01</div>
    <div class="child">02</div>
    <div class="child">03</div>
</div>

<br>
<div class="child">03</div>

CSS

.child {
    border-style: solid;
    border-width: 1px;
    background: none;
    height: 100px;
}

.child:first-child {
    border-top-width: 2px;
}

.yellow { 
    border-color: yellow;
}

.blue {
    border-color: blue;
}

.red {
    border-color: red;
}

.parent {
  
    overflow-y: auto; /* make scrollable */
    box-shadow: inset 1px 1px 0 black, inset -1px -1px 0 black;
}