FCC Tribute page - Image not showing on webpage

Hello Everyone,

Im trying to create a tribute page for the web certification but im having some trouble trying to get the image on the web page. Ive attempted downloading the image to my computer AND using the url link with the correct But I am still having some trouble. Any suggestions? Here is a link to my code

https://codepen.io/SAJanacek/pen/LYNpPXd

Hi @KernelStefan !

Welcome to the forum!

You image has to be hosted online somewhere in order for everyone to see it.
That is why the src attribute is not working.

Here are some free image hosting options.
https://www.guru99.com/free-photo-hosting.html

Figured it out. now how do I center it?

If you google “how to center an image css” the first result will give you the code you are looking for.

The great thing about these projects is that it is going to teach you how to google and read error messages.

Both are important skills for a web developer :grinning:

im at 8/10 now im trying to figure out how to get the parent img element in the image. Then figure our how to resize it.

This is what the full error message says :grinning:
Try using the “max-width” style property : expected ‘none’ to not equal ‘none’

Got it! 10/10 Woo! on to the next project. time to spice up this webpage a bit.

1 Like