Design comparison
Solution retrospective
Feedback is appreciated! :D I'd like to know how to improve my text format (font-sizing and weight, line-height, word and letter spacing) to make my submit look more like the challenge.
Community feedback
- @ApplePieGiraffePosted about 4 years ago
Hey, Cesar Pintos! 👋
If you're interested in getting your layouts as close to the original design as possible, check out this browser extension called PerfectPixel. It allows you to overlay images (which could be the design images, in this case) on the browser so that you see exactly how you're solution matches up with the design. 😊
Overall, you've done a good job on this challenge! 👏
The only thing I'd suggest is to probably decrease the overall size of the content of the page a bit (since it's quite large, at the moment) and then set a
max-width
on the main container or wrapper to prevent the content from looking too stretched on extra-large screens. 😉Keep coding (and happy coding, too)! 😁
1 - @tedikoPosted about 4 years ago
Hello, Cesar Pintos! 👋
Good job on this challenge! Unfortunately the best thing to fit design typography is to have premium account and acces to design files. Without this, we are unfortunately forced to do it by the look. You can still use your design tool like adobe xd with design image to atleast be as close to possible to design.
Good luck with that, have fun coding! 💪
1@argie2099Posted about 4 years ago@tediko thanks a lot! I didn't know about that premium feature, guess I won't be wasting so much time looking for the perfect format next time! Have a great day!!!
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