Product preview card component

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 12 months ago

  Hello there 👋. Good job on completing the challenge !

  I have some suggestions about your code that might interest you.

  • Wrap the main content in <main> tag.

  • Use <del> to show the original price and a sr-only class for discount info. Example: <del><span class="sr-only">Old price: </span>$169.99</del>

  • Use <img> instead of background-image for product images.

  • Use relative units like em or rem for font-size. Resource 📘

  • Avoid uppercase text in HTML; use text-transform in CSS.

  • Apply global font-family: --paragraph-font-family to body or container instead of individually on each text element.

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

  Happy coding!

  Marked as helpful

  0