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

flex, BEM

P
KMS56135 120

@KMS56135

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@weldu0

Posted

  • Looking at your GitHub repo structure, the image source should not be src="/qr-code-component-main/images/image-qr-code.png". It should be src="./images/image-qr-code.png". This tells GitHub to look for a folder named "images" in the root directory and get the image named "image-qr-code.png" from that folder (the period (dot) is important).

  • Also, instead of using div for most parts of your code, use semantic HTML. For example, you could use <main> or <section> for the .card element.

I hope you find this helpful :)

Marked as helpful

0

@gaut123456

Posted

The image on the is missing or not fully loaded. Please check the source of the image to ensure it displays correctly.

0

@Eyu-mersha

Posted

The QR code was not displayed please make sure that you set the right reference for the asset.

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