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 Challenge

P
jeangathoni8โ€ข 10

@jeangathoni8

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


What are you most proud of, and what would you do differently next time?

I am proud that I managed to code the semantics of HTML fluently to my understanding. I did it with no AI help and was able to test my understanding of both HTML and CSS.

What challenges did you encounter, and how did you overcome them?

The challenge came when styling the page. This is where the real test came in as CSS has been quite a struggle to grasp but I managed to figure out slowly but surely what to do.

What specific areas of your project would you like help with?

I would like some advice on CSS. I would like to get some input about how my code turned out and if I would need to improve in areas I might not notice now but would help me in the future of my coding journey.

Community feedback

Abdul Khalid ๐Ÿš€โ€ข 71,880

@0xabdulkhalid

Posted

Hello there ๐Ÿ‘‹. Congratulations on successfully completing the challenge! ๐ŸŽ‰

  • I have a suggestion regarding your code that I believe will be of great interest to you.

QR iMAGE ALT TEXT ๐Ÿ“ธ:

  • The QR Code Component involves scanning the QR code, the image is not a decoration, so it must have an alt attribute which should explain the purpose of the image.
  • The alt with image-qr-code is not even explaining for what the QR image need to be used.
  • So update the alt with meaningful text which explains like QR code to frontendmentor.io
  • Example: <img src="/images/image-qr-code.png" alt="QR code to frontendmentor.io">

.

I hope you find this helpful ๐Ÿ˜„ Above all, the solution you submitted is great !

Happy coding!

0
Carmenโ€ข 490

@Carmenyo

Posted

I love your well-organized, indented code, and your perfect pixel solution. Congratulations!

0
Geokobbyโ€ข 80

@Geokobby

Posted

Good

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