Product Preview Card Component

Community feedback

• 

  Moses•340

  @mbtenkorangPosted 9 months ago

  Hello 🙋‍♂️ @elistoqnova ,

  Congratulations on completing this challenge 🎉🎊🥳👏.

  A tip to improve your solution though:

  • instead of using two <img> elements that show or hide based on a media query kindly consider using the <picture> element instead. Below is an example of how to use it from MDN:

  <picture>
    <source srcset="mdn-logo-wide.png" media="(min-width: 600px)" />
    <img src="mdn-logo-narrow.png" alt="MDN" />
  </picture>
  

  Use this link 👉MDN - The picture element👈 to read more about it.

  All the best and happy coding 😀🧑‍💻!

  0