Website QR code

Community feedback

• 

  Lucas Weidas•1,350

  @lucasweidasPosted almost 3 years ago

  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

  ---

  

  Ankitha Pai•20

  @ankithapaiPosted almost 3 years ago

  @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
• 

  Clément Creusat•1,655

  @ccreusatPosted almost 3 years ago

  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

  ---

  

  Ankitha Pai•20

  @ankithapaiPosted almost 3 years ago

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

  1
• 

  Han•340

  @hcxwebPosted almost 3 years ago

  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

  ---

  

  Ankitha Pai•20

  @ankithapaiPosted almost 3 years ago

  @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

  @hcxwebPosted almost 3 years ago

  @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

  

  Ankitha Pai•20

  @ankithapaiPosted almost 3 years ago

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

  0