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 / html&css

@F4eNn

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 appraciete every feedback what can i do better or different in the future

Community feedback

@Mus3b3bdo

Posted

Hey Great work there you just need to work more on your sizing try to make it as close as possible to the original design there are some tools that helps you measure sizes on the screen (powertoyfor ex)

Marked as helpful

0
Alamin 2,000

@CodePapa360

Posted

🎉Hi @F4eNn, congratulations on your solution!👋 Welcome to the Frontend Mentor Coding Community!

You might want to think about adding a few of my recommendations to your code:

  • Use <main> rather than a straightforward <div> to indicate which block of content is the primary one on this page, improving accessibility and semantics. Remember that every page needs a <main> block and that <div> has no semantic significance.

  • Use relative units as rem or em instead of px to improve your performance by resizing fonts between different screens and devices. These units are better for making your website more accessible. REM does not just apply to font size, but to all sizes.

✌️ I hope this helps you and happy coding!

0

@Musti65

Posted

Please how did you submit your solution I've been trying to submit mine for almost a week now which I don't know how to go about it I'll be expecting your feedback sir/ma Or you can reach out to me on WhatsApp sir if you see this via +2348078133978

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