Design comparison
Solution retrospective
hello everyone, here are my questions. I am a newbie and I am open to feedback. I would really appreciate your response.
- What strategies or format can I use to implement pixel-perfect development?
*What are some areas where I can improve my code?
-
Is there a more efficient way to solve this problem?
-
Are there any best practices that I should be following?
-
How can I make my code more reusable and maintainable?
-
Is there anything else I can do to make my code better?
Community feedback
- @MelvinAguilarPosted about 1 year ago
Hello there 👋. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
CSS 🎨:
- You can utilize a browser extension called "PixelPerfect" to assist with pixel-perfect development. This extension can help you ensure that your web design matches the provided design mockup accurately.
-
Setting the font-size to 62.5% can attract compatibility issues with third-party libraries or plugins. You can read more about this with this lectures:
- 1. Should I change the default HTML font-size to 62.5%?.
- 2. The Surprising Truth About Pixels and Accessibility - The 62.5% trick.
- 3. A comment on the 62.5% trick.
Credit to grace-snow and vanzasetia.
HTML 🏷️:
- Use only one
<h1>tag per page.<h1>is the primary heading tag, and multiple instances can be confusing for screen readers and search engines. In this challenge, use<h2>tags forSedans,SUVs, andLuxury. Learn more here 📘.
I hope you find it useful! 😄 Above all, the solution you submitted is great!
Happy coding!
Marked as helpful1@chisomwestPosted about 1 year agoThank you so much for responding! I appreciate your efforts and it was helpful. @MelvinAguilar
0
Please log in to post a comment
Log in with GitHub
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