2
respostas

[Bug] Stylesheet diferente quando passo para o GitHub Pages

Bom dia!

Fiz algumas alterações no projeto para algo que se adequa mais a minha personalidade. Tem a mesma funcionalidade que o projeto AluGames.

Entretanto, quando terminei de codar e visualizei o site pelo Go Live Server, ficou perfeito do jeito que eu fiz: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeDaí fui passar meu projeto para o GitHub e criei uma página por lá, que está no seguinte link: https://ginataly.github.io/lista-semanal-crossfit/ A página ficou fora dos padrões que criei no CSS para o tamanho de visualização da página, do dashboard, tudo ficou em um zoom aumentado... Já fiz um projeto anteriormente pelo VSCode e passei para o GitHub Pages e isso não aconteceu porém agora está dessa forma: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeO que eu faço em relação a esse problema gente??

2 respostas

Oi!

Eu acho que o problema é que na versão localhost (via live server) seu navegador está com zoom, pois no print apareceu o ícone de zoom na barra de navegação:

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

Aperta CTRL + 0 para resetar o zoom no navegador que deve resolver.

Uma outra coisa para você ajustar é remover, na página html, da tag head o import do reset.css, pois ele já está sendo importado de dentro do arquivo main.css

Gostei muito das mudanças que você fez no seu projeto. Ficou bem bonito! Parabéns!! :)