A simple static qr code component using a Html and Css

Community feedback

• 

  Stefan Bojkovski•620

  @xStephxPosted 10 months ago

  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

  ---

  

  Marcos Travaglini•4,840

  @BlackpachamamePosted 10 months ago

  @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

  

  Stefan Bojkovski•620

  @xStephxPosted 10 months ago

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

  Marked as helpful

  2
• 

  Daniel 🛸•44,270

  @danielmrz-devPosted 10 months ago

  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•220

  @Inf3rn00Posted 10 months ago

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

  2