Product Preview Card Component Using Flex

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Ash Haghighi, congratulations for your new solution!

  Your solution is just great, you did pretty much everything, the solution is fully responsive. I think to improve that instead of using two images inside a div you can wrap both images using <picture> to have the images desktop and mobile images together in the same tag, and render each image depending of the device (desktop and MOBILE) by the settings for the width you'll insert in the html.

  Here's a guide for the tag picture: https://www.w3schools.com/tags/tag_picture.asp

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Ash Haghighi•110

  @ashkanmusPosted over 2 years ago

  Hell @correlucas, thank you so much for taking the time to check my work; also, I appreciate this excellent technique. I love the website and this friendly community; I look forward to improving by completing more challenges here.

  0