JSFiddle - React, Tailwind, and code Playground

by ccastro95

HTML

<div class="container">
  <div class="canvas-wrapper">
      <div class="links">
          <section>
              <a href="www.google.com">Click me and get redirected</a>
          </section>
      </div>
  </div>
  <div class="text-layer">
           
  </div>

</div>

CSS

.links{
  overflow: none;
  position: absolute;
}

.links section {
    width: max-content;
    height: 20px;
    background-color:red;
}

.links section a { 
    pointer-events: none;
    z-index: 500;
    color: white;
}

.container{
 height: 100%;
 width: 100%;
 padding: 5em;
 background-color: blue;
}