Design comparison
Community feedback
- @Emir985Posted over 1 year ago
It's ok that the final outcome differs from the original design if, for a first attempt, you got very close.
A few things that I can recommend that saved me a lot of headaches:
1. Use
vw
(view width) orvh
(view height) instead ofpx
Px is a set value whereas
vw
andvh
scale with the screen size so it's easier to make it more responsive2. Using a separate CSS style sheet
By having it in a separate file and linking it from the HTML file, you don't have to continually scroll up and down looking for your code and it's easier to adjust the individual files rather than have it all in one.
3. Use comments for a clear understanding
Doesn't have to be after every line of code, though you can use comments to explain what you're trying to achieve in each section, that way it's easier to feedback and can help you also segment the code so it's easier for you to work with
Marked as helpful0
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