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

Website QR code

@ankithapai

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 dont know how to use github well as of now hence i cant host it

Community feedback

Lucas Weidas 1,350

@lucasweidas

Posted

great job on that one!

First of all, you have two folders with the same name, but the first one is useless. So, you need to move your second folder called qr-code-component-main out of the first one, and add on your Webdev folder. This change will make the github page identify your index.html and the page will work just fine.

Keep it up.

Marked as helpful

1

@ankithapai

Posted

@lucasweidas Yes this makes sense. I couldn't remove just the folder. Hence i deleted that repo and made a new one. https://ankithapai.github.io/QR_codeChallengeFrontendMentor/

The image isn't uploaded now.

Thanks for taking time and replying to me :) Appreciate it

0
P

@ccreusat

Posted

Hello !

Your project seems to be on Github. First of all, sounds good :) Then you can create a free account on Vercel or Netlify to host your project.

I use Vercel, it's super easy. Just connect your github account within Vercel and then import your project. Deploy it and share your live project ! :)

Marked as helpful

1

@ankithapai

Posted

@ccreusat Thanks for your valuable feedback. I will look into Vercel :) Have a good day

1
Han 340

@hcxweb

Posted

Hello Ankitha, To host on GitHub, try this (if you haven't changed the repository structure):

  1. Go to the qr-code-component-main repository, then go to settings (next to Insights).
  2. Click Pages on the left.
  3. Under Source, choose Branch: main and choose folder (root). Click save.
  4. Wait for like two minutes, refresh the page, and it should tell you that Your site is published and you'll see the link.
1

@ankithapai

Posted

@hcxweb Thanks for taking time and replying to me :) Appreciate it I did that setting. There was some issue with the folders as well. So created a new repo. https://ankithapai.github.io/QR_codeChallengeFrontendMentor/

0
Han 340

@hcxweb

Posted

@ankithapai Glad it worked. The reason the picture is not displaying is because the img src is inside the images folder. You didn't create the images folder in the repo, so you can either add the folder, or set src="image-qr-code.png". Last, you may want to update your solution inside frontend mentor portal.

Marked as helpful

1

@ankithapai

Posted

@hcxweb Ohh I will look into this. Thanks a lot

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