Product preview card component

Community feedback

• 

  nilmus•100

  @nilmusPosted about 1 month ago

  I see that to switch from the mobile-image to the desktop-image, you used display: none inside your media query.

  This works, but note there is a better solution by using the figure element and giving it an img and a source, like so:

  <figure
      <source
          media="(min-width: 1024px)"
          srcset="images/image-product-desktop.jpg"
      />
      <img
          class="product-image"
  	src="images/image-product-mobile.jpg"
  	alt="perfume image"
      />
  />
  

  Marked as helpful

  0

  ---

  

  Yosef Hayim•210

  @YosefHayimPosted about 1 month ago

  @nilmus Thanks alot!

  0

  

  Yosef Hayim•210

  @YosefHayimPosted about 1 month ago

  @nilmus Thanks alot!

  0
• 

  Alrn•50

  @Annabelle-LrnPosted 17 days ago

  Good job!

  0