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

Erro Footer - Github Pages

Ao fazer o deploy do projeto no github pages, o footer do meu projeto fica desconfigurado, ele aparece os itens em lista, conforme foto a seguir:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

segue o link do repositorio no github em questão: https://github.com/MarcoCarvalhoDev/projeto-alura-books

2 respostas
solução!

Olá, Marco! Dei uma rápida olhada em seu código e vi que pode ser por você ter tanto colocado como nome do arquivo '.css', as classes dentro desse arquivo e as chamadas das classes no .html como: "rodapé". Vale lembrar que não podemos trabalhar com acentuação ou caracteres especiais em nome de arquivos. Caso seja efetuada a correção e os problemas ainda persistam, não exite em entrar em contato!

Abraços e uma excelente jornada!!!

Olá Felipe ! Gostaria de agradecer pelo seu insight simples, direto e resolutivo. Realmente o problema estava nos nomes dos arquivos, e aqui vai: O arquivo rodapé.css foi trocado por rodape.css, sem acento, e o footer passou a receber todas as configs do projeto no Vercel e Github pages. Além disso, ocorria erro em uma das imagens dos livros (sobre liderança), o qual a imagem estava com nome de Liderança.svg. Trocando para o nome sem "ç" e o problema também foi resolvido. No caso não foi necessário alterar os nomes das class que estão com acentuação, mas ainda sim percebo o erro que isto representa em relação as boas práticas.

Mas gostaria de deixar aqui relato que a própria instrutora do curso utilizou-se de alguns nomes de elementos com acentuação, e eu tive um pouco de dificuldades pois hora eu usava os acentos como a instrutora utilizou, hora eu não usava. Isso deu alguns erros na execução do código, e por isso no meio do curso passei a seguir a risca o código que a instrutora passava nas aulas, incluindo os nomes de class acentuados.