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

Html e Css

@TiagoHenrique10

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Fala Tiago, beleza? Parabéns pelo seu desafio!

Vi aqui que a imagem do QR CODE não está mostrando, dai dei uma olhada no seu código e o jeito pra resolver isso é você indicando no html onde a imagem está localizada.

Note que um ponto + barra ./ indica uma pasta e dois pontos + barra``../ signfica que a imagem esta em uma subpasta.

Aqui o import correto:

<img src="./images/image-qr-code.png" alt="QRcode">

Espero ter ajudado e pra cima!

Marked as helpful

1

@TiagoHenrique10

Posted

@correlucas muito obrigado Lucas, cara o engraçado que no meu pc a imagem apareceu normalmente ai quando subi para o github apareceu esse erro. mas foi corrigido agora.

0
Lucas 👾 104,420

@correlucas

Posted

@TiagoHenrique10 é porque quando a gente trabalha no ambiente local, as pastas são reconhecidas automaticamente sem ter que direcionar a pasta exata do asset, já quando arquivo vai pro Git tem que ficar idenficando cada pasta, o ideal é já colocar o ./ desde o começo pra evitar problemas.

0
jose 120

@CortesJose

Posted

the image no found: in this line of code you have to remove this slash "/" that appears at the beginning of "images". <img src="/images/image-qr-code.png" alt="QRcode">

this <img src="images/image-qr-code.png" alt="QRcode">

1

@TiagoHenrique10

Posted

@CortesJose muito obrigado Jose, cara o engraçado que no meu pc a imagem apareceu normalmente ai quando subi para o github apareceu esse erro. mas foi corrigido agora kk

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