1
resposta

[Bug] Primeira imagem sumiu

Pensei que eu tinha feito coisa errada, mas no projeto oficial ela também some. Já procurei de todo jeito aqui, mas tá complicado.

1 resposta

Oi, Felipe tudo bem ?

Desculpe a demora em te responder!

Quando carregamos o banner com live-server e o compilador do Sass ativo, a imagem do banner carregada na partial _banner.scss aparece e temos o comportamento esperado. Porém, quando abrimos o arquivo sem o live-server a imagem não aparece.

Isso acontece pois, como o arquivo que é lido pelo navegador é o CSS, precisamos que o caminho relativo da imagem seja referente ao local do arquivo style.css de modo que o código abaixo não nos leva a imagem do banner.

background: url(../../imagens/banner.jpeg) 27% center no-repeat;

Podemos corrigir este problema alterando o caminho da imagem, de modo que o código é escrito da seguinte maneira:

background: url(../imagens/banner.jpeg) 27% center no-repeat;

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição.

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!