Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[DÚVIDA] - Imagens não aparecem

Olá tudo bem?

Após finalizar as aulas/projeto, ao abrir o index.html pelo VS Code o site esta perfeito. Já no GitHub, quando abro o site pelo link criado (https://fernandosc80.github.io/alura-books-aula-6-final/), as imagens não aparecem.

É a primeira vez que isso aconteceu desde que comecei os estudos, e estou sem saber por onde começar para procurar esse problema.

Alguma ajuda por favor?

Este é o link do repositório: https://github.com/FernandoSC80/alura-books-aula-6-final

2 respostas
solução!

Olá, Fernando. Tudo bem?

Acredito que já tenha resolvido a questão das imagens, abri o seu projeto e todas estavam aparecendo normalmente para mim. No entanto, eu notei que alguns estilos (principalmente de fonte) não estavam sendo carregadas no seu projeto.

Página inicial da AluraBooks apresentando novos lançamentos de livros, categorias e uma sugestão de curso sobre Angular 11 e Firebase.

Isso acontece porque o reset.css está sendo importado APÓS os arquivos com os estilos do projeto.

Trecho de código mostrando a seção de cabeçalho HTML com folhas de estilo CSS vinculadas para um site intitulado "Alura Books".

Passe a linha de importação do reset para antes da importação do swiper, assim os estilos devem funcionar corretamente.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Oi Mike, tudo bem?

Sim, consegui resolver os bugs aos poucos enquanto aguardava uma luz do fórum.

Das imagens pesquisando achei um post de 2022 aqui mesmo e a solução era começar o link das imagens com ./ ao invés só do / isso resolveu o problema.

Dos links estava pensando no que fazer, porque tinha notado esse problema mas nao tinha ideia do que fazer, vou seguir o seu conselho.

Obrigado pela ajuda.