Hyperlink Image Not Clickable

I’m working on the Tribute Page and I’m trying to add a hyperlink to each of the 3 images I have.

When I move the cursor over the images it will change to the hand icon as if it were a link, but when I click on the images it doesn’t open up and take me to the addresses I place within the each anchor attribute.

Can you please explain what I’m doing wrong and how to fix it?


This looks like an issue with CodePen and its security settings. It’s loaded over HTTPS, but the links are trying to get CodePen to render an HTTP site (even if you change then to “https”, the site will redirect to “http” and it’ll be blocked nonetheless).

As such, CodePen refuses to display them.



Mixed Content: The page at 'https://codepen.io/SmithCastro/pen/bvVoyv?editors=1100' was loaded over HTTPS, but requested an insecure resource 'http://marvelcinematicuniverse.wikia.com/wiki/Black_Panther'. This request has been blocked; the content must be served over HTTPS.

okay. thank you. So does that mean that my code is correct then?

Yeah, if it was running on an insecure HTTP site then it should work fine. :slightly_smiling_face:

1 Like

You can work around it by opening the links in a new tab, using target=“blank”, like this

href="http://marvelcinematicuniverse.wikia.com/wiki/Black_Panther" class="column text-primary text-center" target="_blank">

It would be better if Marvel were serving an https version of the site but it looks as though they deliberately degrade it back to http.

1 Like

Thanks alot for helping that actually helped great.