Product Review Component Card

Community feedback

• 

  Hoaxilog•170

  @HoaxilogPosted 4 months ago

  Hi we do the same solution for the image part wherein we set it to display: none and trying to display: block using media queries to show the image. but someone gave a feedback that it was better to use a <picture> tag for that scenarios.

  You can follow this link and see the explanation on why is it better:

  • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
  • https://www.frontendmentor.io/solutions/product-card-solution-3OjGsmsV3z

  thanks for letting me know by https://www.frontendmentor.io/profile/danielmrz-dev

  Marked as helpful

  1

  ---

  

  P

  Aram Hekimian•410

  @HekimianzPosted 4 months ago

  Oh thanks! That looks way better. Will definitely implement that! Thanks for the advice @Hoaxilog

  0
• 

  percydocomo•310

  @percydocomoPosted 4 months ago

  The layout looks good on different screen sizes and yet the code is concise and simple.

  1

  ---

  

  P

  Aram Hekimian•410

  @HekimianzPosted 4 months ago

  Thanks! @percydocomo

  0