Product preview card component (HTML + CSS)

Community feedback

• 

  Prantik•660

  @prantiknoorPosted over 2 years ago

  Hey @leoikeh99. I have a little recommendation.

  You used two img (one for mobile & another for desktop). You switched between images using display property.

  But there is a better alternative solution. You can use picture. as an example:

    <picture class="image">
          <source media="(max-width: 630px)" srcset="./images/image-product-mobile.jpg">
          <img src="./images/image-product-desktop.jpg" alt="product image" class="desktop" />
     </picture>
  

  Marked as helpful

  0

  ---

  

  Leonard•1,025

  @leoikeh99Posted over 2 years ago

  @prantiknoor Thank you very much for this, i'll use this

  0