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

Simple QR component using Html, Css

@manosatpathy

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


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

@starman1999

Posted

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

@manosatpathy

Posted

@starman1999 thanks for your feedback. It is helpful.

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