2
respostas

Subi o projeto e no Github Pages não abre todo o CSS

Quando terminei o curso, resolvi subir o projeto pro Github, mas quando habilitei o Github Pages, a página abriu sem boa parte do CSS.

Página index.html PC: https://prntscr.com/11xltyg Página github pages: https://prntscr.com/11xlum3

Será que o import não funciona lá?

2 respostas

Fala ai Andrea, tudo bem? Verifica o console do navegador, pode ser que esteja dando erro na hora de tentar baixar e carregar algum arquivo .css, por exemplo erros 404.

Caso esteja dando esse erro, tu precisa revisar como os arquivos estão sendo importados na página.

Espero ter ajudado.

Sim, está dando, exatamente, este erro. Eu fiz o import como na aula e quando abro pela pasta no computador, fica ok. Só quando abro pelo Github Pages que perde o CSS.

PASTAS

index.html = alura_webpage_emmet (pasta raiz)
base.css = alura_webpage_emmet/assets/css/base/
_reset.css = alura_webpage_emmet/assets/css/base/
_variaveis.css = alura_webpage_emmet/assets/css/base/

ERRO

Failed to load resource: the server responded with a status of 404 ()

HTML

<link rel="stylesheet" href="assets/css/base/base.css">

CSS

@import url(_reset.css);
@import url(_variaveis.css);

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software