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

A simple solution, just pure HTML-CSS.

@R-Lemos-prog

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


  • How to be even more accurate in measuring the dimensions of the boxes when you have a model to follow?

  • I also noticed a difference in the font of the design and my solution, I don't know the origin... maybe the browser (Brave)?

Community feedback

JJ Fuentes 140

@jjfuentes13

Posted

Hi, to me, the view looks very accurate to the design. Something to keep in mind is not to pixel-chase perfection. Check this article out, https://www.joshwcomeau.com/css/pixel-perfection/

Marked as helpful

1

@SinisaVukmirovic

Posted

Hello!

As JJ said, don't hunt for "pixel perfect" copy. No need to stress over that.

As for font-family, looks correct on my browser (Edge).

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