Product-preview-card-component

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 4 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on finishing the challenge! ✅

  Your project looks awesome!

  Here's a tip that might interest you:

  📌 When you have different versions of the same image, consider using the <picture> tag with <source> with the other version.

  This will help ensure the correct image loads on the user's device, saving bandwidth and boosting performance.

  Example:

  <picture>
      <source media="(min-width: 768px)" srcset="{desktop image path here}">
      <img src="{mobile image path here}" alt="{alternative text here}">
  </picture>
  

  You're currently using the desktop version image for both desktop and mobile versions.

  Hope you find this useful!

  Great job overall!

  Marked as helpful

  0

  ---

  

  Alaa Gaber•160

  @3laagaberPosted 4 months ago

  @danielmrz-dev Thanks, Daniel your tips are helpful and constructive, If you have more tips feel free to say it.

  1