@correlucas
Posted
๐พHello @kenankevric, Congratulations on completing this challenge!
Great solution and great start! By what I saw youโre on the right track. Iโve few suggestions to you that you can consider to add to your code:
The image was not displaying due an error of the location of the file, here's the correct import:
<img class="parfum-img-desktop" src="/Product-Preview-Card/images/image-product-desktop.jpg" alt="de-parfum-img">
<img class="parfum-img-mobile" src="Product-Preview-Card/images/image-product-mobile.jpg" alt="de-parfum-img">
Use <main>
instead of <div>
to wrap the card container. This way you show that this is the main block of content and also replace the div with a semantic tag.
โ๏ธ I hope this helps you and happy coding!
Marked as helpful
@kenankevric
Posted
Hi @correlucas, thank you for your feedback.
I will use <main> instead of <div>. Thanks for the suggestion.
For some reason, GitHub is not displaying images. It displayed for a minute and not working anymore. I even tried to change it with a full path and still not working. I saw some members are reporting the same issue on Stack Overflow.