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

VS Code, no Figma, CSS variables

@mreed4

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


Without a Figma file to reference, how did you determine border-radius, padding, etc.?

Community feedback

@bentekku

Posted

Hey Matthew, nice work. Your design looks identical to the challenge. As for the community question you asked, the answer would be, eye-balling the correct border-radius and padding.

Use chrome dev tools to tweak the css in the browser itself to save time and frustration switching back and forth between the code editor and the browser

Cheers,

Shadab

Marked as helpful

1

@mreed4

Posted

@bentekku Thanks! I thought that might be the case, and that's exactly what I did! Dev mode in Figma is also super helpful! Almost cheating!

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