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

QR Code Component

Emma O 30

@EmmaDwebber

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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!

Community feedback

nerometa 250

@nerometa

Posted

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

0
Aaron 40

@aaronhash

Posted

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

0

@Theuz1nh0

Posted

@aaronhash so i looked at the code on his github, and it looks like he deleted the images folder i think.

1
Aaron 40

@aaronhash

Posted

@Theuz1nh0 yep! I missed that. I've checked again and edited my input. Thanks!

1
Emma O 30

@EmmaDwebber

Posted

@aaronhash Thank you very much for the help Aaron. Would like to learn more from you.

0
mubizzy 1,520

@mubizzy

Posted

Excellent job on this challenge! your report has a few issues though:

  1. 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

0

@Theuz1nh0

Posted

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.

0

Emma O 30

@EmmaDwebber

Posted

@Theuz1nh0 Thank you for the feedback.

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