Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

qrcode card with HTML and TailwindCSS

@G87git

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

chucksterv 180

@chucksterv

Posted

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

@G87git

Posted

@chucksterv Thanks Mannnnnnnn

0

@superpooperxxx

Posted

Hi, Hassan, try changing path to image from absolute to relative Absolute and Relative

src="./images/image-qr-code.png"
0

@G87git

Posted

@superpooperxxx Thanks bro am super greatfull

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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