[Dúvida] Página hospeda no GitHub não carregando o CSS | HTML e CSS: Classes, posicionamento e Flexbox

Oii, Rafael!

Testei seu código aqui e consegui ajustar.

Problema:Quando você coloca uma barra ( / ) no começo do link, como:

<link href="/styles/style.css">  <!-- COM BARRA (NÃO FUNCIONA) -->
<img src="/imagens/foto.png">    <!-- COM BARRA (NÃO FUNCIONA) -->

O navegador entende que esses arquivos estão na raiz (pasta principal) do projeto, mas no seu projeto, eles estão dentro de pastas (styles/, imagens/).

Por que isso quebra no GitHub Pages?

Localmente (no seu PC) pode funcionar, porque seu navegador "adivinha" onde estão os arquivos.
No GitHub Pages, o navegador procura exatamente onde você mandou e como ele não acha essas informações, elas não carregam.

Solução: Tire a barra ( / ) do começo!Assim, o navegador busca a partir da pasta atual (onde está o index.html):

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

Faça o mesmo para a imagen:

<img src="imagens/Foto perfil sem fundo.png" alt="Foto de perfil de Rafael S. Fonseca">

Agora o GitHub Pages encontra os arquivos, porque você está dizendo:"Olha, navegador, o style.css está dentro da pasta styles, que está **no mesmo lugar que o index.html."

Aqui está o teste que fiz depois de fazer os ajustes. Depois irei deletar esse teste.

Espero ter ajudado.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!