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

QR Code Component Solution

Destany 50

@destanyr

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


I would love some feedback on what I could add or remove for better functionality. I know it's not spot on but I got pretty close.

Unfortunately, I'm not understanding why the images won't load up. Insight on this would be wonderful. This was my first project and repository in GitHub and I could use all the help I can get.

Community feedback

@0xabdulkhaliq

Posted

This comment was deleted

0

Destany 50

@destanyr

Posted

@0xAbdulKhalid I took the advice and removed what you said, as well as changing the information in the body. It still is not centered on my screen. What else might be the problem?

Also, I am getting an HTML error that since my image tag is bad. I tried to resolve this, but it did not.

0
Edson Ruiz 160

@xedsonruizx

Posted

Hi i have some corrections for you, I am not an English speaker so If you dont understand something send me an email to [email protected], I will try to help you.

  • body size 100 just add to your css code

body { height: 100%; }

How to make body and html 100 heght

  • Center vertical card

there is some ways to center a card in the middle of the page this is what I used code example and playground

  • Add Img from your folders

when you call an image from your folder, you dont have to write all your pc path in this case you have to write src="./images/image-qr-code.png" to get you image.

I hope this will help you.

0

Destany 50

@destanyr

Posted

@xedsonruizx Thank you! I took out the unnecessary information in the image link, and that is now working. I'll see about making the changes you suggested to the body so I can get it centered. I appreciate your feedback.

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