JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-banner"><a href="#" id="link1">d</a></div>

CSS

.main-banner a#link1{
    background: red;
    display: block;
   
    width:310px;
    height:85px;
    top:190.2px;
    left:277px;
} 

.main-banner a#link1:hover{

    background: green;
   

}