Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results Summary Component

@JoshuaMeeks

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Maybe someone can help me to understand why my icons aren't showing up once depolyed yet are there locally?

Community feedback

P
Jeff Lang 280

@jefflangtech

Posted

Hey Joshua 👋

Looks like there is at least an extra "." in your image address. Here's an example:

<img src="../images/icon-reaction.svg" alt="reaction icon">

Starting from the file location of your index.html, the first "." is going to move to the parent folder, then the next "." is going to move outside that parent folder, then look for the images folder.

Maybe you have your folders set up differently on your local machine.

So just take out one "." in each image address in your github repo and it should work (I tested in chrome dev tools), like so:

<img src="./images/icon-reaction.svg" alt="reaction icon">

Or, simply:

<img src="images/icon-reaction.svg" alt="reaction icon">

If that's the solution then maybe just try exactly mirroring your folder structures on your local machine as well as when deployed.

Hope that helps! Cheers

Marked as helpful

1

@JoshuaMeeks

Posted

@jefflangtech Thank you Jeff!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord