Product Preview Card Component

Community feedback

• 

  Julio Cinquina•270

  @JulioCinquinaPosted over 2 years ago

  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!

  Marked as helpful

  1
• 

  Saurav Jalui•40

  @SauravJaluiPosted over 2 years ago

  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 👨‍💻

  1