Solucionado
Boa tarde pessoal!
Estou tendo problema para adicionar uma imagem no Readme do meu projeto. O código mencionado foi esse:
<p align="center">
<img src="img/foto-pagina.png" alt="Demonstração do Sorteador de Números" width="100%">
</p>
Os arquivos estão salvos corretamente:
Mas aparece assim quando faço o Preview:
Alguém consegue me ajudar?
Segue link do meu projeto: https://github.com/RodrigoJatoba/sorteador-de-numeros
Oii, Rodrigo!
Olhando a estrutura do seu repositório, consegui identificar exatamente o que tá acontecendo no problema com adição de imagem no Readme no Github. O caminho que tá no seu GitHub é esse:
sorteador-de-numeros / sorteador-numeros / img /
Isso indica que a sua pasta img está dentro de uma subpasta chamada sorteador-numeros. No entanto, no código do seu README, você está tentando acessar a imagem como se a pasta img estivesse na raiz (ao lado do arquivo README).
Pra que o GitHub encontre a imagem, você precisa indicar o caminho completo a partir de onde o arquivo README está localizado. Tente alterar o seu código para:
<p align="center">
<img src="sorteador-numeros/img/foto-pagina.png" alt="Demonstração do Sorteador de Números" width="100%">
</p>
Como o README geralmente fica na raiz do repositório (sorteador-de-numeros), e a sua imagem está "escondida" dentro de duas pastas, precisamos dizer ao navegador para entrar primeiro em sorteador-numeros e depois em img.
Ao testar aqui, funcionou:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
Mais uma vez é você me salvando Lorena! Eu sabia que era uma besteira que tava impedindo, mas nem o Gemini estava conseguindo me ajudar. Muito obrigado!