Design comparison
SolutionDesign
Community feedback
- @ddosiaPosted 6 days ago
- the image is done through
background-image
of adiv
, instead ofimg
tag. I see a problem with accessibility here: since in principle this is a QR code component, it shows a desired QR code of something and my guess asalt=
in real world web site it would contain a description of what this QR code actually contains. - Also I will relay some feedback I got from other members for the same challenge: wrapping things in divs when it isn't necessary should be avoided. I had to address this as well. Ideally the structure should be:
div>img+h2+p
and that's it. - Paddings from figma are 16px from sides and 40 from the bottom.
- the font weights and family is good, but the size of the header looks smaller.
0 - the image is done through
Please log in to post a comment
Log in with GitHubJoin 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