Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FlexBox, absolute and relative positioning, margin/padding settings

AJsdevs 10

@AJsdevs

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@IbraheemOmar

Posted

change: <img src="images/image-qr-code.png" alt="cannot be shown" />

to: <img src="./images/image-qr-code.png" alt="cannot be shown" />

that should allow your page to display the image.

Marked as helpful

1

AJsdevs 10

@AJsdevs

Posted

Alright, thanks a lot. But how do i change it so it gets updated on this website? Because i made the changes to the original file using vscode but it doesnt seem to be changing @IbraheemOmar

0

@IbraheemOmar

Posted

@AJsdevs you seemed to have gotten it to work. What did you do?

0

@mikayas

Posted

you must remove "image/" from src in img tag

0

@ajadonai

Posted

I just checked out your website using my phone and it wasn’t rendering right. You need to work on your responsiveness. I always recommend frameworks for things like that

0

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