Product preview card with HTML and CSS.

Community feedback

• 

  Anna•545

  @NitaLewskaPosted over 2 years ago

  Hi!

  you can try and use <picture> tag to display different images instead of changing background. I'm a beginner,too, but I've read that it's okay to use background method with images that aren't really necessary for a user, like different design elements and so on, but those that ARE to be seen no matter what, like product photos, should be definitely put into an <img> or <picture> tags.

  If for some reason CSS file fails to upload, our clients will get the image wrapped in <img> anyways, and those in the background won't load =(

  So, i recommend you to read about <picture> and srcset property for <img>!

  Marked as helpful

  0