Design comparison
Community feedback
- @correlucasPosted about 2 years ago
๐พHello Louay, congratulations for your new solution!
Here's some tips for you:
1.The NFT IMAGE is not displaying due an error to import.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 import:
background-image: url(./image-equilibrium.jpg);
#image-container { width: 100%; height: 55%; margin-bottom: 15px; background-image: url(./image-equilibrium.jpg); background-size: cover; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
โ๏ธ 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