quando coloquei meus icones no projeto, eles simplesmente nao estavam aparecendo, como se o link estivesse quebrado.
entao eu os tirei da pasta "assets" e o deixei soltos sem pasta alguma, assim adicionando < img src="instagram.png" > e ela apareceu normalmente.
nao sei se fiz alguma coisa errada em relação a pasta, mas sem ela as imagens rodaram.
Oi, Sabrina, tudo bem?
Colocar a imagem na pasta raiz dos arquivos pode ser uma opção para evitar problemas como este que você mencionou, mas é uma boa prática organizar os documentos em pastas para garantir que todos os documentos semelhantes estejam em um mesmo local, principalmente quando se trata de um projeto com muitos arquivos.
O problema da imagem não ser carregada no navegador está relacionado a forma como o caminho da imagem é escrito dentro da tag <img>. Quando adicionamos imagens que estão dentro de pastas é necessário indicar o caminho para que o HTML possa saber onde procurar.
No projeto desenvolvido neste curso por exemplo, as imagens estão inseridas dentro da pasta assets, portanto é necessário indicar o nome da pasta e em seguida o nome do arquivo de imagem que desejamos incorporar ao projeto. Sendo assim, o caminho correto pode ser escrito da seguinte maneira:
<img src="./assets/instagram.png">Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição.
Abraços !
bom dia, tudo bem pessoal? tive o mesmo problema que a Sabrina relatou, mas foi um erro que cometi em relação ao sytle.css, confirmar se colocou todas as propriedades corretas, sendo assim deveria funcionar normalmente.