Design comparison
Solution retrospective
I didn't find problems in general But What I would like to do in this challenge is to make the design as pixel perfect as possible (I am don't have pro). I used Pixel Perfect extension on Chrome but the problem I faced is that the Design Preview is 1440x1056 and the Site on my device is 1200 or less and the height is the height of the screen of the laptop I use which is less than 1056 for sure. How can I compare the Preview Design with my design if the preview layer doesn't land properly on my Solution. Sorry for the long talk 😥 but I am very eager and curios to make the challenge Pixel Perfect.
Community feedback
- @marckesinPosted over 2 years ago
Hello Saleh. You can resize the width of your browser with: CTRL- or CTRL+ to match the size you want.
0 - @JRS-DeveloperPosted over 2 years ago
Hello, really good solution!
About your question I recommend you to use any image editor like GIMP or Photoshop or Photopea (this last one works in the browser and it's free). All of them have some kind of measure tool or ruler and with that you can see the width and height of the component that you want to design.
0
Please log in to post a comment
Log in with GitHubJoin 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