Skip to content
Submitted about 1 year ago

VS Code, no Figma, CSS variables

Matthew Reed•160
@mreed4
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

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

Community feedback

  • Shadab Khan•130
    @bentekkuPosted about 1 year ago

    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
    Matthew Reed•160
    @mreed4Posted about 1 year ago

    @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

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