JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">link</a></li>
    <li><a href="#">link x</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
</ul>

CSS

ul, li {

}
a {
    display: block;
    width: 100%;
    height: 100%;
    background: lightblue;
}
a:hover {
    background: lightgreen;
}
}