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

Responsive QR code with CSS

@Sunilk2001

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

@Hadisuhail188

Posted

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

@Sunilk2001

Posted

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

0
P

@cdanderson76

Posted

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

@0xabdulkhaliq

Posted

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

@Sunilk2001

Posted

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

0

@Sunilk2001

Posted

@cdanderson76 thank you @clifford for your suggestions .

1

@0xabdulkhaliq

Posted

@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

@cdanderson76

Posted

@Sunilk2001

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

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