Responsive page using HTML + CSS

Community feedback

• 

  P

  Krishna Vishwakarma•1,390

  @KrishnaVishwakarma1595Posted about 1 year ago

  Hi, @Demils13

  Your QR code image is not loading. For that, you can provide the src like this <img src="./images/image-qr-code.png" alt="QR Scan Code" />.

  ./ locates the current directory you are working on. Like @DundeeA said in his comment he misses the .. If you provide like that <img src='/images/image-qr-code.png' /> then also it won't load the image, cause it doesn't understands the path of file to locate.

  • We must always provide the alt="" attribute to the <img> tag. If it used for icons or non-describing images the we can keep the alt="" tag empty.

  • You should start using HTML Semantic Elements like <header>, <main>, <section>,<footer> etc. With these you'll understand the HTML Accessibility rules to keep.

  I hope this will help you. Nice solutions. Good job. Congratulations on completing this challenge.

  Happy Mentoring

  Marked as helpful

  2

  ---

  

  D'émils Dingui•40

  @Demils13Posted about 1 year ago

  @Demils13

  HI Krishna,

  Thank you for your feed back, I have a better understanding about my mistake.

  2
• 

  Dun•290

  @DundeeAPosted about 1 year ago

  Good job completing this challenge, The QR code image isn't loading because the route you provided isn't correct.

  The "src" in your img tag should be changed to this: <img src='./images/image-qr-code.png' />

  This is because starting your image url with a "./ " is referring to the current folder, since the index.html and the "images" folder are in the same directory you just need the one "./".

  Edited to correct "/" to "./"

  Marked as helpful

  0

  ---

  

  D'émils Dingui•40

  @Demils13Posted about 1 year ago

  @D'émilsD

  Thanks, I correct my mistake.

  0