JSFiddle - React, Tailwind, and code Playground

by Shaun Luttin

HTML

<div id="parent"> <a id="box-scenario"></a>

</div>

CSS

#parent {
    outline:thin solid black;
    position:relative;
    height:300px;
    width:200px;
    background: repeating-linear-gradient(to bottom, white, white 30px, yellow 30px, yellow 60px);
}
#box-scenario {
    position: absolute;
    margin-top: 43%;
    margin-left: 37%;
    background-color: rgba(255, 0, 0, 0);
    width: 11%;
    height: 21%;
    display: inline-block;
    outline:thin solid red;
}