Skip to content
Submitted over 1 year ago

Simple QR component using Html, Css

Manoranjan Satpathy•40
@manosatpathy
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

I found difficulties while giving height and width, like how do I know the exact height & width of the box. I just did experiments to look like same as the image. It is straightforward. but if you are a pure beginner like me then you will find it difficult in the starting. but just keep doing it to learn & gain.

Community feedback

  • Mounir Dekali•60
    @starman1999Posted over 1 year ago

    what I usually do is take the design image into Figma, lock it into a 1440px frame ( that's the value mentioned in the guidelines) then measuring stuff should be easy. It's okay though to make it approximative and focus on the main functionalities. I try to set sizes myself to put on test my Design skills as well, so if you think that the design is optically balanced, why not go with that.

    Marked as helpful
    0
    Manoranjan Satpathy•40
    @manosatpathyPosted over 1 year ago

    @starman1999 thanks for your feedback. It is helpful.

    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