Product Preview Card Component

Community feedback

• 

  Marco Di Matteo•170

  @Marcod01Posted about 1 month ago

  Hello,

  Overall this is great and a very close solution to the design. I noticed you used a <div> for the product image and set the background image to: background-image:url('../images/image-product-mobile.jpg');

  This works but the image looks distorted and uncentered. Instead use a <img src="images/image-product-desktop.jpg"> in the html and in the media query use this line

  content: url('images/image-mobile-desktop.jpg'); this will actually change src of the <img> element.

  Marked as helpful

  1

  ---

  

  Zain•150

  @zainy2401Posted about 1 month ago

  @Marcod01 Thanks Marco! I didn't know this was possible until now, much appreciated!

  0