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

A simple static qr code component using a Html and Css

Inf3rn00 200

@Inf3rn00

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 would love to get interactions if any errors are found

Community feedback

Steph 500

@xStephx

Posted

Hello,

You have error with image it's not loading. To fix this problem use correct path src="images/image-qr-code.png",

Have a nice coding!

Marked as helpful

11

@Blackpachamame

Posted

@xStephx I add that, if you use github pages, it is best to add a period in front of the url. In this case it would be: src="./images/image-qr-code.png". This is because for some reason github pages usually fails to find the images because of that detail.

Furthermore, in its 'head' it is linking to the favicon, which does not exist in its repository, therefore, it gives an error.

Marked as helpful

4
Steph 500

@xStephx

Posted

@Blackpachamame yeah, good advice too, for using "./" before for github pages.

Marked as helpful

2
Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @Inf3rn00

Your solution looks great!

Your QR Code image is not showing because you set the incorrect path for the image. But it's easy to fix it, you just have to get the correct path. And here it is:

<img src="image-qr-code.png" alt="" class="qr__holder">

Since you uploaded the image in the same folder as your HTML file, you don't need to set it with all those folders in the path because they don't exist, that's why your code couldn't find it.

I hope it helps!

Other than that, great job!

Marked as helpful

0
Inf3rn00 200

@Inf3rn00

Posted

Thanks guys i saw the corrections and it works !!!

2

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