QR Code Component

Solution retrospective
I appreciate every feedback. How do i make my image show when using netlify. After deploying the image refuses to come up It was difficult styling the page at first i guess i was able to figure it out. Thank you!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @nerometa
Like others say, it seems like you didn't include images folder into your project. Make sure you push it into Github so your image will show. Add an 'alt' for more accessibility.
I'm not certain about filepath. maybe "./images/image.png" works, maybe "images/image.png" works depends on where you deploy your app, I think.
Marked as helpful - @aaronhash
Hi @EmmaDwebber!
//Edit: Checked again! Images folder is not added on your project. Your site cannot locate your images files. Please add the images folder, then try to change your img tag from: <img class="image" src="images/image-qr-code.png" /> to <img class="image" src="./images/image-qr-code.png" />
Also, you might want to add an 'alt' attribute as well for better accessibility.
Hope this helps! Happy coding!
Marked as helpful - @mubizzy
Excellent job on this challenge! your report has a few issues though:
- wrap everything in your body in
<main>
or use semantics
2. it is a best practice to use both HTML 5 and ARIA landmarks to ensure all content is contained within a navigational region.
Hope it helps:)...don't forget to mark it as helpful 👍
You can get more details here...click here
- wrap everything in your body in
- @Theuz1nh0
hi @EmmaDwebber _ i'm still learning html and css, so i can't help you much, but i think you deleted the qrcode image from your project, that's why it doesn't show up.
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