JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<a class='global-redirect' href="https://google.com">
  <p>
    your website content
  </p>
  <p>
    build it normally
  </p>
  <p>
    as you can see, clicking anywhere will go to the other website
  </p>
</a>

CSS

html, body {
  margin: 0;
  height: 100%;
}

.global-redirect {
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

p {
  margin: 20px 20px 0;
}