Design comparison
SolutionDesign
Community feedback
- @JunoFieldPosted about 1 year ago
Hello, congrats on your first project!
Here's some tips that may help you for your next project:
- The layout does not work on mobile devices. Generally, you should code the mobile version of the site first, then use media queries to make modifications for the desktop version. Thankfully, the differences for this project are very minimal.
- The sizes and colours do not match with the design. Colours can be found in the
style-guide.md
file. - As for sizing, I recommend zooming to 100% on the design files then use a tool (such as PowerToys Screen Ruler, if you're on Windows) to measure sizes.
- Finally, I see you're currently using the default font and not the one recommended by the style guide. Thankfully, adding a font from Google is very easy: here's a tutorial.
Good luck with your next project!
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