QR Component Code using HTML and CSS

Community feedback

• 

  Gabriel Gemma Ifechukwu•20

  @Gemgabriel1Posted over 1 year ago

  I have rectified it, by copying the path directly from github and updating it on my html page

  1
• 

  Léo Ansélmo•50

  @leonardoanselmoPosted over 1 year ago

  I looked at your challenge and if you accept some suggestions, here goes:

  1 - Try to put the images, css, js (if any) in your folder next time. Code and structure are more readable.

  2 - The challenge is simple, but you need to think about how you will decide to solve it. Leave everything as FLEXBOX, as it is only one direction and one column.

  3 - Indent the CSS code.

  4 - The padding-top was out of proportion with the others.

  Anyway, you're on the right path.

  0
• 

  Laharl•1,000

  @UrbanskiDevPosted over 1 year ago

  Hello Gemgabriel1

  I think your problem is because your path to the image you try to link doesn't exist !

  You defined <img src="images/image-qr-code.png" alt="QR Code Image" class="qr-code"> but you don't have a folder images.

  You can try <img src="./image-qr-code.png" alt="QR Code Image" class="qr-code">, it should be working.

  I hope it will help to solve your problem !

  0
• 

  Jordan Kleinbaum•210

  @JordanKleinbaumPosted over 1 year ago

  I also had this problem too. I tried a bunch of solutions, but the one that worked for me was creating the shortest possible file path to your image. For example I see in your code that you linked it like this "<img src="C:\Users\hi\Desktop\qr-code-component-main\images\image-qr-code.png" alt="qr code" class="qr-code">"

  That finds the image by using the root of your files, and then going all the way through the path to the image. In my code, I linked my image like this "<img src="images/image-qr-code.png" alt="QR Code Image" class="pic" />". Both ways (how you did it and how I did it) are technically fine, but it's always good to make your code as manageable as possible for others and the computer.

  Here is a link to my repo where you can see all of the code. https://github.com/JordanKleinbaum/QRCodeFrontEndMentor/blob/main/index.html

  Shorten the link to your image and see if that changed anything! (ps, github pages also takes a few minutes to update everything)

  0

  ---

  

  Gabriel Gemma Ifechukwu•20

  @Gemgabriel1Posted over 1 year ago

  @JordanKleinbaum it got worse sir it is not showing even the box

  0