product-preview-card using Vanilla CSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 10 months ago

  Hello @nonoza!

  Your project looks great!

  I have a suggestion about your code that might interest you.

  📌 Instead of using the image as a background, you can 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 than that, great job!

  Marked as helpful

  0

  ---

  

  Pretty Kunene•690

  @nonozaPosted 10 months ago

  Thank you. Noted.@danielmrz-dev

  1