Product Preview Card Component | youngmelis Solution
Design comparison
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Youngmelis, congratulations for your new solution!
Your image is inserted in a different folder than you indicate in the html, note that you've used src/assets-img/ --> imgs
To fix the problem with the image displaying you've to indicate the correct image path/folder.Note that if you're using the folder locally the live server recognizes the image location, but with a live solution you need to indicate where the image is. Remember, when the image is inside the repository folder use dot slash
./
and if is inside a subfolder use dot dot slash../
If the image is the same folder of the html without folder just add normal path.Here's the correct image import
<img class="desktop-only" src=".../src/assets-img/image-product-desktop.jpg" alt="">
π I hope this helps you and happy coding!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord