Responsive product-preview-card-component

Community feedback

• 

  Daniel 🛸•44,270

  @danielmrz-devPosted 9 months ago

  Hello @MoneebAliKarrar!

  Your project looks great!

  I have some suggestions about your code that might interest you.

  📌 You don't need to use words like "image", "photo", or "picture", because the image tag already conveys that information.

  📌 Use the <picture> tag when you have different versions of the same image 🖼. Using the <picture> tag will help you to load the correct image for the user's device saving bandwidth and improving performance. Example:

  <picture>
      <source media="(max-width: 460px)" srcset="{image path here}">
      <img src="{image path here}" alt="{alt text here}">
  </picture>
  

  I hope it helps!

  Other nthan that, great job!

  Marked as helpful

  0