1
resposta

PAGE GITHUB

Olá, tudo bem? estou com problemas na page do Github, lá não está entrando o css, fica sem estilo. Alguém pode me ajudar?

1 resposta

Olá, Marcos!

Um motivo comum para o CSS não ser aplicado é o caminho do arquivo CSS estar incorreto. Verifique se o caminho do seu arquivo CSS está correto no seu arquivo HTML. Por exemplo, se o seu arquivo CSS estiver na mesma pasta que o seu arquivo HTML, o caminho seria algo como:

<link rel="stylesheet" type="text/css" href="style.css">

Se o seu arquivo CSS estiver em uma pasta chamada 'css', o caminho seria algo como:

<link rel="stylesheet" type="text/css" href="css/style.css">

Outro motivo possível é que o Github Pages é case-sensitive, ou seja, diferencia letras maiúsculas de minúsculas. Verifique se o nome do seu arquivo CSS e o caminho no seu arquivo HTML estão com as mesmas letras maiúsculas e minúsculas.

Outra observação é que muitas das vezes o github pages/vercel pede o endereço bem "certinho", então para acessar outras pastas devemos colocar o ./ ou ../, depende do que queremos acessar, neste projeto utilizamos uma pasta chama style, analisando o seu repositório essa pode ser uma das causas, tente deixar o seu código como a seguir:

 <link rel="stylesheet" href="./styles/reset.css">
 <link rel="stylesheet" href="./styles/styles.css"> 

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

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