JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<div id="wrap">
    <a href="#" class="link1">link 1</a>
    <a href="#" class="link2">link 3</a>
    <a href="#" class="link3">link 3</a>
</div>

CSS

#wrap {
    position: absolute;
    width: 165px;
    height: 260px;
    background: black;
    left: 50%;
    margin-left: -82px;
    top: 50%;
    margin-top: -140px;
}
#wrap a {
    display: block;
    width: 100px;
    height: 100px;
    position: relative;
    color: white;
}
.link1 {
    background: #F76B20;
}
.link2 {
    margin-left: 65px;
    margin-top: -20px;
    background: #FFA521;
}
.link3 {
    margin-top: -20px;
    background: #9D1021;
}