Skip to content
Submitted 3 months ago

QR Code Component

techdude101•10
@techdude101
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Having to guess the size of elements and fonts using images alone. I found that there are x2 different font sizes. Only one is provided in the file style-guide.md. I overcame this by opening the design file provided with Figma to get exact pixel sizes.

Community feedback

  • Darius•50
    @dariushillPosted 3 months ago

    Your design is very close to the desktop mobile solution. Great job! I would also remove the text under the card. If you're looking to improve your code for accessibility purposes, try using semantic HTML. Semantic HTML tags help search engines, screen readers, and other web technologies understand the structure and content of web pages better.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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