QR-Code using CSS & HTML

Community feedback

• 

  P

  beowulf1958•1,450

  @beowulf1958Posted 5 months ago

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

  @rachelmorgan22Posted 4 months ago

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

  0