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

QR Code Component

wiameHaK 40

@wiameHaK

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

larryQuao 90

@larryQuao

Posted

Below are my feedback on your solution:

  • The height of your designed Qr-component solution is different from the design itself. I suggest you give it a fixed height and get the exact height of the QR component container.
  • The h2 element should have a fixed font size to look the same as the design.
  • The paragraph element should also have a fixed width as well to look like the design.
0

ameera 80

@ameera-abed

Posted

@larryQuao thanks for advise I try to make the same design as original but I face problem with guesses the exact height and width if you have any advise to overcome this issue ?

0
larryQuao 90

@larryQuao

Posted

@ameera-abed, for me I try to use two ways to get the almost exact height and widths

  • I use the Figma file provided to get the exact width and heights
  • I upload the image of the design image to Figma and then use lines to measure the widths and the heights with the use of line guides.

There may be better ways to get the exact width and height for the design but the two I gave are the techniques I use to get the width and height of the design.

0
ameera 80

@ameera-abed

Posted

@larryQuao Thank you for your feedback, I will definitely take it into consideration.

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