Tag "a" is ignoring the css style of the image

Asked

Viewed 29 times

-1

I found a problem that occurs whenever I try to put a link redirector in an image. It turns out that the attributes of the css like Scale, :Hover and etc, work normally, but the image size changes. This happens whenever I push one <a href=""> or a <Link/> reactJs.
I have looked on several sites and found nothing talking about it, initially I thought it could be some error of Reactjs with the <Link/>, but checking, could possibly be my understanding error in CSS.

Como fica a imagem quando eu boto a ou <> How the picture looks when I put the <a href> or <Link/>.

Como deveria ficar How it should look.

Source code of the site: https://github.com/ThiagoCComelli/HTML-CSS

html css

1 answer

1


As soon as you add the a, the property height: 100% begins to refer to the size of the a, which has no set size. So, what I recommend you do is set the image size before, or create a div to separate the image by setting the size of the div before.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.