Product preview card component

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!