JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div><a href="#">Test</a></div>
    </li>
</ul>

CSS

* { margin:0; padding:0; }
ul { list-style-type:none; }
li { height:30vw; background:blue; }
div {height:100%; background:red;}