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 Project using Figma

deyorz 60

@deyorz

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@joaotfrodrigues

Posted

Hi @deyorz,

Great job on your project! I have a few suggestions to improve accessibility and responsiveness:

  • Accessibility: Avoid using px for font-size. Instead, use relative units like em or rem to enhance accessibility.

  • Responsive Design: Instead of height: 100vh in the .container, use min-height: 100vh. This ensures better responsiveness on smaller devices.

  • Semantic HTML: To improve accessibility, consider using semantic HTML elements such as <main>, <section>, <article>, and others instead of relying solely on <div> elements.

Hope this helps!

Best, João Rodrigues

0

@arjumand07

Posted

Great work done

0
d0t666 110

@d0t666

Posted

nice but need more responsive

0

deyorz 60

@deyorz

Posted

@d0t666 Design didn't ask for it to be responsive...

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