Design comparison
Community feedback
- @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 helpful1@Sunilk2001Posted 7 months ago@Hadisuhail188 Thank you @hadisuhail for your suggestions . It help me a lot.
0 - @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@0xabdulkhaliqPosted 7 months agoYeah @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 helpful2@Sunilk2001Posted 7 months ago@0xabdulkhalid thank you @Abdul for your suggestions. Now I applied it my code.
0@Sunilk2001Posted 7 months ago@cdanderson76 thank you @clifford for your suggestions .
1@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@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
Please log in to post a comment
Log in with GitHubJoin 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