Product Preview Card Component

Hey, @SauravJalui!

Congratulations on completing the challenge, your solution looks exactly like the design!

To improve your semantic markup, I would suggest using the <button> element for the "Add to Cart" button.

A guideline that you can follow is to use a link to let the user go to a different page or to another part of the same page. If the button would trigger an action (adding a product to the cart, in this case), then use the <button> element.

You can read more about it in this guide: A Complete Guide to Links and Buttons (Chris Coyier, CSS-Tricks).

I hope this helps!

Hey @JulioCinquina,

Thank you so much for the feedback. It was super helpful. Thanks for the css-tricks link as well.

I will update the solution by changing the link to a button element.

Cheers and happy coding 👨‍💻