Product-preview-card-component-solution

Hi, here's some advice from me:

• In your project if you have images uploaded and want them to display properly in your GitHub page, the source of the image should start with ./ and not with / -> <img src="./images/image-product-desktop.jpg" alt="" class="desktop">.
• If your image changes depending on the screen size you should use picture html element.
• You should do mobile-first approach for your web pages(it's easier trust me).
• Font size shouldn't be in px units, instead search for em and rem units.
• Read about Semantic HTML

Hello there 👋. Good job on completing the challenge !

• It seems like the issue with your deployment on GitHub Pages is related to the image path in your code.

  To fix this, you should add a dot (.) before the slash (/) in the image source URL. This is because in HTML, a path that starts with a slash (/) is treated as an absolute path, meaning it starts from the root of the domain. However, when you use GitHub Pages, the root of your domain is different, so the image path needs to be adjusted.

  Here's the corrected code:

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

I hope you find it useful! 😄

Happy coding!

Update: It now works on GitHub Pages! Not sure when it will reflect on my Design comparison