Product preview card component solution

Community feedback

• Account deleted

  Hello I've one suggestion for you to improve your solution.

  • use Art direction element rather than using "CSS" as a way for displaying image in a different media-query because Art direction is the most suitable way for displaying an image.

  <picture>
  // in the "media" if the query hit the end point example min-width: 520px.
  // the end point is hitted.
  // the image file path you put in the "srcset" will be displayed in the webpage
  // otherwise the file image in the "<img/>" will be displapyed
  
    <source
       srcset="[image file path]"
       media="[media quries end point]" 
       alt="[image title]"
     />
         
     <img src="./assets/image-web-3-mobile.jpg" />
  </picture>
  

  Marked as helpful

  0