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

QR-Code using CSS & HTML

@rachelmorgan22

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

P
beowulf1958 1,170

@beowulf1958

Posted

Congratulations on completing this challenge. I love the box-shadow hover effect! I am going to steal this for my project.

I did notice a few errors in your code, which are preventing the page from rendering correctly. First, in the html line 21, you have an incorrect file path to your image. Your image resides in the root folder, but the file path is looking for a folder called "images" which does not exist in this project. Try this instead:

<img id="qr-code" src="image-qr-code.png" alt="QR code">

Also, there is a problem with the CSS. In line 10 you left a space between .75 and rem. You need to remove the space and have ".75rem". And also in line 41, you put commas between the values. This produces an error. It should look like:

padding: 1rem 1rem 1.5rem 1rem; 

Hope this helps! And keep on coding,

Marked as helpful

0

@rachelmorgan22

Posted

Thank you so much! This was very helpful, and helped me fix the issues. @beowulf1958

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