Desktop-first solution using CSS Grid

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 for Sedans, SUVs, and Luxury. Learn more here 📘.

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!