Skip to content
Submitted over 2 years ago

Vanilla CSS/Minimal Code

Chris Andrews•170
@ChrisAndrewsDev
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

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

  • Chris Andrews•170
    @ChrisAndrewsDevPosted over 2 years ago

    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
    @AlwinJunPosted over 2 years ago

    @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
    Chris Andrews•170
    @ChrisAndrewsDevPosted over 2 years ago

    @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

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