Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Reclamação] Projeto finalizado no GitHub sem estilização

Referente ao curso SASS e CSS: estilizando um site

por Antônio Romero Ferreira de Bem Junior
| 96.5k xp | 4 posts

Terminei o curso "SASS e CSS: estilizando um site" e criei um novo repositório no meu github como fiz com os outros cursos que fiz na Alura. Upei os arquivos neste repositório, fui em Settings -> Pages e fiz o Build and deployment. Gerou este link: https://antoniobemjunior.github.io/calmaria-spa/. Quando eu acesso ele, a página entra sem estilização. Segue meu perfil do GitHub com os arquivos do "Calmaria SPA" para análise: https://github.com/antoniobemjunior. Aprincipio fiz tudo o que eu o curso ensinou e acresentei um "hover" nos botões, mudando o cursor para "pointer". De resto esta exatamente como ensinado. Preciso de ajuda, alguém conseguiria me auxiliar?

2 respostas
solução!
por Victor Costa Santos
| 1939k xp | 3738 posts
Alura Scuba Team Monitor de ForumOps

Olá Antônio!

Isso ocorre devido a um erro do GitHub Pages, que tem dificuldade em interpretar caminhos. Ele utiliza o padrão " ./ " para localizar arquivos, no código estamos usando apenas " / ". O único momento em que você está utilizando o padrão correto é na imagem única que funciona.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Corrija todos os locais onde aparece /assets/ para ./assets/, como o ponto antes da barra, e o arquivo de estilos para <link rel="stylesheet" href="./styles/styles.css">, adicionando o ponto antes da barra.

Fiz o deploy do seu site com essas questões reparadas e pode ser visualizado aqui:

Caso queira, você pode copiar o HTML reparado, pode ser acessado através desse link:

Lembre-se de subir as alterações novamente no seu github.

Espero ter ajudado e 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!
por Antônio Romero Ferreira de Bem Junior
| 96.5k xp | 4 posts

Victor, muito obrigado pela sua resposta.

Eu consegui descobrir este detalhe sozinho e vim aqui encerrar minha "Reclamação".

O que eu fiz foi eliminar tanto o "/" quanto o "./" dentro de qualquer "src".

Assim apenas fiz alterações para o "styles.css" e para todas as imagens.

Deu certo agora.

https://antoniobemjunior.github.io/calmaria-spa/