Product-preview-card-component | TailwindCSS

Community feedback

• 

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  Hi 👋, regarding the transition in images that you mention:

  • To show different images depending on the device or screen size, the <picture> element is ideal for that purpose:

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

  I hope it’s useful, any questions don't hesitate 🙂

  Regards,

  1

  ---

  

  kofi astr0•190

  @KofiastroPosted over 1 year ago

  @fernandolapaz Thank you so much.I had to use relative and absolute and invisible.But this method you provided is so simple.Thank you once again

  0

  

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  @Kofiastro

  You are welcome, I'm glad if it helped you : )

  0