1
resposta

[Sugestão] [CORREÇÃO IMAGENS QUE NAO RENDERIZAM]

Fala turma, depois de quebrar a cabeça pra entender a logica desses código

Em cabeçalho.component.html

<header class="cabecalho ff-inter">
<div class="logo">
    <img src="../../../assets/Imagens/logo-memoteca.png" alt="Logo da aplicação Memoteca">
    <p>Guarde trechos de músicas, citações de livros, pensamentos e suas melhores ideias</p>
</div>
<img class="imagem" src="../../../assets/Imagens/computador-cabecalho.png" alt="Imagem de um computador">
</header>

/\ A Letra "i" Tem que estar maiúscula uma vez que sua pasta ao ser baixada vem com nome "Imagens do curso" - Normalmente a gente apaga o item "do curso" e deixa a palavra Imagens com "i" maiúsculo porém o código vem com esse i minúsculo. (Pois é, pra fritar a cabeça kkkk )

Em cabecalho.component.css

background: url(../../../assets/Imagens/fundo-cabecalho.png);

Vai com essa solução que vai encontrar a imagem correta e vai renderizar .

Abraço bons estudos !

1 resposta

Oii, Christopher. Tudo bem?

Muito obrigada por compartilhar sua solução e a dica sobre a letra "i" maiúscula na pasta "Imagens". Realmente, esses detalhes podem causar bastante confusão e é ótimo que você tenha identificado e compartilhado isso com a turma.

Um abraço e bons estudos.