1
resposta

Pagina fica toda desconfigurada quando subo no github pages ou no vercel

Finalizei o projeto do alura books, no curso de responsividade. Aparentemente tudo ok, a pagina fica otima quando visualizado pelo vs code atraves do liv server, e otima tambem quando abro o index html direto pelo navegador. Mas quando subo os arquivos pro github pages la pra por no ar ou no vercel, a pagina abre toda desconfigurada. Revisei o código inteiro não consegui achar erros e nem consigo testar ja que pelos visualizadores como o live server no vs code e pelo navegador atraves do index.html aparece tudo no seu devido lugar.!!

Print da pagina direto no indexhtmlJa pelo github pages ou vercel fica assim

1 resposta

Parece que no github pages ele não está encontrando seus arquivos de CSS (olha no console do Developer Tools do seu navegador e vai ver vários erros de 404).

Tenta verificar se o caminho para as pastas e os nomes dos arquivos estão corretos. Outra coisa que vale a pena verificar é se os arquivos e pastas estão no mesmo padrão (é tudo em minúsculo? Tem algum arquivo ou pasta em maiúsculo? Nos imports segue o mesmo padrão?), porque isso às vezes pode ser tratado de maneira diferente em cada servidor.

Vi também que tem um arquivo com acento (rodapé.css), isso também pode atrapalhar.