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 display using HTML,CSS

@anirudh1970

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 am unsure about the styling part i just took the sizes using the preview image. Are there any tips i should consider to estimate sizes of elements in preview image in pixels more accurately?

Community feedback

@Blackpachamame

Posted

Greetings @anirudh1970! you have done a great job.

  • I must tell you that the images, both the QR code and the favicon, are not visible on your live site, since you have not uploaded them to your repository. You just have to upload them to your github so they can be seen.
  • After correcting it, you have the option to generate a new screenshot in the DESIGN COMPARISON part, it should look like a red button that says GENERATE NEW SCREENSHOT.
  • As for the pixels, well I actually place the image in paint and measure pixel by pixel haha there are better tools, but it is comfortable for me with paint

Marked as helpful

1

@anirudh1970

Posted

@Blackpachamame Thank you for the suggestion.I am new to using live server so i made the mistake.

1

@Blackpachamame

Posted

@anirudh1970 Trial and error is how you learn best.

Marked as helpful

0
Daniel 🛸 42,650

@danielmrz-dev

Posted

Hello @anirudh1970!

Your solution looks great!

You did everything right, you just forgot tu upload the folder with the assets with your project. So when your code tries to follow the path for the image, it can't find it, because it's not there.

Just upload the folder and then check the file path to see if it's correct. This must be enough to make the image show 😊

I hope it helps!

Other than that, great job!

Marked as helpful

0

@anirudh1970

Posted

@danielmrz-dev Thank you very much for your suggestion.

0

@Cassio-Master

Posted

explicando melhor eu vi que a sua imagem não esta a aparecer eu notei que você não meteu o arquivo imagem então volta para o seu repositório e adiciona o arquivo que falta

Marked as helpful

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