JSFiddle - React, Tailwind, and code Playground

by marrok

HTML

<div id="good"><a href="#"><img src="http://incompl.com/images/projects/learnlayout.png"></a></div>
    
<div id="bad"><a href="#"><img src="http://incompl.com/images/projects/learnlayout.png"></a></div>

CSS

#good a img {
    border: solid transparent 5px;
}

#good a:hover img {
    border-color: blue;
}

#bad a:hover img {
    border: solid blue 5px;
}