qr-code-component

Community feedback

• 

  Mohammed Ahmad Hussain•200

  @mah07308Posted over 1 year ago

  The images folder is missing in your repository. That is why the qr image is not showing up in your live site.

  Add the images folder containing the qr image to your source folder, commit, and push to github again to solve this.

  Marked as helpful

  1

  ---

  

  Mussadiq Mehmood•410

  @Sheikh-MussadiqPosted over 1 year ago

  @mah07308 hey thanks for helping.Now i uploaded image on my github can u pls of its showing or not,for me it is still not showing :)

  0

  

  Mohammed Ahmad Hussain•200

  @mah07308Posted over 1 year ago

  @Sheikh-Mussadiq Yes, you've uploaded the qr image but it's still not appearing on the live site.

  This is because the location you've specified for the image in your html file and the actual file location in the repository are different.

  Check the src attribute in your img tag below: <img src="./images/image-qr-code.png" alt="image-qr-code">

  Your html is looking for the qr image within a folder named 'images' in the source directory. In your repository the qr image is in the source directory and not within a folder.

  To solve this you can...

  1. Either put the qr image in a folder named 'images' without changing the code or
  2. Change the src in your img tag to src="./image-qr-code.png"

  First solution is preferable as it will keep your files organised.

  Hope this helps :)

  Marked as helpful

  1

  

  Mussadiq Mehmood•410

  @Sheikh-MussadiqPosted over 1 year ago

  @mah07308 thnks for this suggestion.But somehow i cannot upload folder with images i have to select a specific image :) I am new maybe i am wrong

  0

  

  Mohammed Ahmad Hussain•200

  @mah07308Posted over 1 year ago

  @Sheikh-Mussadiq It depends on how you're trying to upload to github.

  I think you're uploading directly from the github website UI. There you need to use the drag and drop option to upload folders instead of choosing individual files.

  A better option and what most developers do is to install git(not github) on your computer and use it to push your code to your github repository directly. Once comfortable with git, you won't even have to leave your code editor to push to github or other similar sites.

  (Assuming you're not familiar with git) Go through a few git turtorials to learn how it works. I'd recomment w3schools to start with. You'll find many tutorials on youtube as well.

  Also, whenever you're stuck or facing any issue, first step is to use google to search for a solution. That'll save you a lot of time. I'm fairly new to web-development as well. Just sharing what I know.

  Hope it helps :)

  1
• Account deleted

  Needs more work, practice more and more and you'll get it very well 🔥

  good luck

  1