Responsive QR code with CSS

Community feedback

• 

  Hadisuhail188•60

  @Hadisuhail188Posted 7 months ago

  To make the picture display show up try putting the picture in the same location as your index file.

  Try using border radius to round the edges.

  Marked as helpful

  1

  ---

  

  Sunil Kumar Nayak•20

  @Sunilk2001Posted 7 months ago

  @Hadisuhail188 Thank you @hadisuhail for your suggestions . It help me a lot.

  0
• 

  P

  Clifford Anderson•180

  @cdanderson76Posted 7 months ago

  Hello! Looks like this may have been a minor oversite, but in order to render the image, make sure you get the file path to that image corrected. Use the following, as this is the path when I downloaded your code on my computer:

  <img src="qr.png" alt="QR code that redirects to the Frontend Mentor Site">

  Also, don't forget to add the alt text to images. 😎 This provides assistance for those using screen readers, and boosts accessibility.

  1

  ---

  

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 7 months ago

  Yeah @cdanderson76, you're right!.

  Hello @Sunilk2001, Here after we recommend you to use relative path for accessing any assets like images instead of using absolute path.

  Because after deploying the site relative path will only work instead of local absolute path, Hope you understood.

  Marked as helpful

  2

  

  Sunil Kumar Nayak•20

  @Sunilk2001Posted 7 months ago

  @0xabdulkhalid thank you @Abdul for your suggestions. Now I applied it my code.

  0

  

  Sunil Kumar Nayak•20

  @Sunilk2001Posted 7 months ago

  @cdanderson76 thank you @clifford for your suggestions .

  1

  

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 7 months ago

  @Sunilk2001 actually the credit goes to @cdanderson76, he's the one who provided feedback for you first, I'm just agreed with his opinion that's it.

  Anyway, Welcome to the Frontend Mentor Community!

  2

  

  P

  Clifford Anderson•180

  @cdanderson76Posted 7 months ago

  @Sunilk2001

  Anytime! If you see anything that may help on any of my solutions, be sure to share with me as well 😎

  0