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 Component with HTML and vanilla CSS

scotttaborโ€ข 110

@scotttabor

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


First upload, self taught developer and I would love to have any advice or tips on things I should change or best practices that I should be implementing.

Community feedback

rayaโ€ข 2,850

@rayaatta

Posted

Hello Ayua Michael๐Ÿ‘‹, congratulations on completing your first FED challenge ๐ŸŽ‰

I have some suggestions you might find useful.

1 I noticed font-size: 15px; in your code. You should never use pixels when setting font related properties. Setting font sizes in pixels causes accessibility problems with people who adjusted their default font sizes on their computers.

The best units for setting font size are relative units such as rem and em which can adjust with the user preferences. Checkout this article why font size should never be in pixels

2 The qr code's alt attribute should not just have info that it is a qr code rather it should state where the qr leads i.e alt="qr code leading to frontendmentor.io

I hope this helps ๐Ÿ™ƒ

Otherwise your solution is neat๐Ÿ‘

Happy coding โœŒ๏ธ

Marked as helpful

0

scotttaborโ€ข 110

@scotttabor

Posted

@rayaatta Thank you for the tips!!

1

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