i have the element “box” with some text and a link.
<div class="box bg-gray-300 w-48 flex-auto text-center p-10 group hover:bg-red-900 hover:cursor-pointer"><div class="group-hover:text-white">Text</div><div><a href="http://www.google.com" class="group-hover:text-white">LINK</a></div></div>
Here you can find the sample code: https://play.tailwindcss.com/uOHpX71hJq
How can i have the link AND the hover on the entire box? With Javascript i can trigger only the click, but not the hover? I found a working example on the tailwind website: enter link description here