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

Vanilla CSS/Minimal Code

@ChrisAndrewsDev

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


Hey guys! Just decided to try a speed-run of this challenge, please let me know if I can increase the efficiency of the code or any other helpful tips!

Loving these challenges so far ^.^

Community feedback

@ChrisAndrewsDev

Posted

As it turns out, I wildly misjudged the proportions on this little project!

Is there a good way to measure the sizes and proportions without the design files? Or is this something that is hard to do without them?

Thanks in advance!

^.^

0

AlwinJun 230

@AlwinJun

Posted

@ChrisAndrewsDev we're on the same boat , I'm just guessing the margin and padding size too. Your work is already great considering that you're not a pro account user. But if you really want to make it pixelated copy then you need to get the figma file.

1

@ChrisAndrewsDev

Posted

@AlwinJun I think I will do that, it's bugging me not being able to get it measured to the pixel :(

Thanks for the encouragement, it's very appreciated!

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