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

My second submition to the qr-code-components

@CoderKnight02

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I was checking out a cleaner way to code the qr-code challenge, I wasn't happy the mark I got on the previous submission. All comments are welcome.

Community feedback

David 8,000

@DavidMorgade

Posted

Hello and congrats on finishing the challenge!

The only trouble i'm seeing is that the top image of the component is not loading properly, this is because you are not defining correctly the relative path to the image, you need to change your img src from src="/images/image-qr-code.png" to src="./images/image-qr-code.png".

This is because with the ./ you ensure that the folder 'images' is on that same folder (the folder of your html file)

Hope my feedback helped you!

Marked as helpful

1

@CoderKnight02

Posted

@DavidMorgade Thank you very much, what a fail, haha, I already changed the code but it still doesn't work, when I visit the site from github, the image is there, but the comparison image here in Frontend Mentor has no image.

1

@CoderKnight02

Posted

@DavidMorgade Never mind I generated a screenshot haha I'm new to this in general.

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