1
resposta

Hospedei no github pages o projeto, mas não aparece o css no site

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta

Oi Marques.nayara, tudo bem? 😊

Entendo que você está com dificuldades para que o CSS seja aplicado corretamente no seu projeto hospedado no GitHub Pages. Isso geralmente acontece por conta de caminhos incorretos para os arquivos CSS.

No HTML, quando você referencia um arquivo CSS usando a tag <link>, o atributo href indica o caminho para esse arquivo. Existem dois tipos principais de caminhos: absolutos e relativos.

Caminhos relativos são usados para referenciar arquivos dentro da mesma estrutura de pastas do seu projeto.

Por exemplo, se o seu arquivo index.html está na raiz do projeto e o seu arquivo style.css também está na raiz, o caminho correto seria:

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

ou simplesmente:

<link rel="stylesheet" href="style.css">

Se o seu CSS estivesse dentro de uma pasta chamada css, o caminho seria:

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

No seu repositório, parece que o arquivo style.css está na raiz, assim como o index.html. Verifique se no seu index.html a linha de link para o CSS está assim:

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

ou

<link rel="stylesheet" href="style.css">

É importante que o ponto . no início do caminho esteja presente para indicar que o arquivo está na mesma pasta ou em uma subpasta a partir da localização do arquivo HTML. A barra / no final de um caminho de pasta geralmente não é necessária quando se referencia um arquivo dentro dela.

🎓 Para saber mais:

Espero que isso ajude a resolver o problema! 😎

P.S. Faça o mesmo com o favicon: <link rel="icon" href="./favicon.svg" type="image/svg+xml">