Skip to content
OverviewSolutions
1
Comments
1
Hiram Mendoza
@OneAlpacaMore

All comments

  • Hiram Mendoza•30
    @OneAlpacaMorePosted almost 2 years ago

    Hi Desmond!

    I saw your GitHub repo for this project and the QR image is not working because of the path you gave it.

    With this code, you are telling the machine to look for an images folder and then search for the "image-qr-code.png", but since such a folder does not exist (at least in the repo), it returns the content of the "alt" tag.

    <div class="image">
  <img src="./images/image-qr-code.png"  class="qr" alt="Frontend Mentor qr code">
</div>

    Try to update the "src" attribute with the correct path. It should be something like this:

    <div class="image">
  <img src="./image-qr-code.png"  class="qr" alt="Frontend Mentor qr code">
</div>

    I recommend you to read this little article, I had the same problems when I started and this help me a lot: Understanding HTML File Paths & How to Use Them

    Optionally as IdotEXE-313 says, you can create a folder called images and then move the QRcode image inside that folder in your repo. That way you can solve the problem too and there's no need for updating any code. Is up to you :)

    Marked as helpful
    1