JSFiddle - React, Tailwind, and code Playground

by Kondal Durgam

HTML

<div id="bottom">
    <a href="javascript:alert('Finished!')">SubM</a>
    <a href="javascript:alert('click 30px to the left, below the red square')">IT</a>
 </div>

<div id="top"> </div>

CSS

#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
    
    pointerEvents: none
 }