product-preview-card-component

Hi Seerees, congratulations on completing the challenge, great job! 😁

Some little tips for optimizing your code:

• the image is broken because the src is wrong, fix like this: images/image-product-desktop.jpg or ./images/image-product-desktop.jpg burt not with single slash /
• use main tag to wrap the all content of page and improve the Accessibility
• img element must have an alt attribute, it's very important!
• You can use picture tag to see different image in different resolution read here
• use min-height: 100vh to body instead of height, otherwise the content is cut off when the browser height is less than the content
• instead of using px or % use relative units of measurement like rem -> read here

Hope this help! Happy coding 😉

Greeting seerees doboyi!! Congratulations for completing your first challenge, 👏👏👏.

you did great job using flex, but the path to images need an update, as for now the images not showing up, fix -

<img src="./images/image-product-desktop.jpg" alt="" class="img">
    <img src="./images/image-product-mobile.jpg" alt="" class="img-2">

you can read about Dealing_with_files.

Overall, have a great day/night, and keep coding 👍.