Design comparison
Solution retrospective
1.The difficulty is faced when at a level where the qr-code-image wasn't loading in the live site...Damn
2.I am really sure if the qr-code-image will load! Don't know why
3.Nope! Thanks ✌️
Community feedback
- @chuckstervPosted almost 2 years ago
Hey mate change your image src from
src="/qr-code-component-main/images/image-qr-code.png"
to
src="./images/image-qr-code.png"
Your src points to the root of your file structure. While it works on your machine, netlify probably isn't considering that to be the root of your build. That's just a guess though, you'd be better off doing your own research about the reasoning.
In general it's always a better practice to point to things relative to the current file in most cases. You can read more about file paths here https://www.w3schools.com/html/html_filepaths.asp
0 - @superpooperxxxPosted almost 2 years ago
Hi, Hassan, try changing path to image from absolute to relative Absolute and Relative
src="./images/image-qr-code.png"
0
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