Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Eu subi meu jogo do numero secreto pro github, mas quando acesso ele aparece desconfigurado pra mim

Me ajudem, por favor. Eu subi o jogo do numero secreto pro github, mas quando acesso ele do repositório, as letras aumentam de tamanho, a figura também, a caixa vai aumentando também... tá uma loucura. Me ajudem, por favor. https://github.com/DaniMeilene/CURSO_ONE_ORACLE_NEXT-EDUCATION_G9_JavaScript

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
2 respostas
solução!

Bom dia, Danielli! Tudo bem?

Como visualmente você não mostrou o que seria essa ação das letras ou imagem estarem maiores, vou te responder com a conclusão que tive ao olhar o seu projeto.

Primeiro, há uma possibilidade que ao publicar o projeto ele pareça um pouco diferente de quando você estava desenvolvendo, pois, se estivesse desenvolvendo usando o Dev Tools, que é aquela aba lateral que mostra o console do navegador, algumas dimensões estarão diferentes, pelo fato do projeto ser responsivo.

Se a tela do seu dispositivo for pequena como a do meu notebook, o zoom 100%, que é a visualização normal, apresentará o tamanho das letras e a imagem principal passando o tamanho da caixa central. No GIF abaixo até alterno o zoom para mostrar a responsividade, na prática.

GIF que mostra o redimensionamento da página automático por conta das configurações de responsividade

Enfim, se quiser ajustar o tamanho do texto basta alterar o valor da propriedade font-size: da classe h1 do arquivo style.css. Algo entre 66px ou 64px deve solucionar.

h1 {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 72px;
    padding-bottom: 3rem;
}

Para imagem você deve adicionar a classe de configuração .container__imagem-pessoa e nela ajustar o tamanho por px ou %, recomendo que use a porcentagem por ser mais adptatível.

    .container__imagem-pessoa {
      width: 75%; 
      height: auto;
    }

Mas nesse caso recomendo que faça testes para saber o melhor tamanho.

Espero ter ajudado e bons estudos!

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

Funcionou! Agora ficou perfeito! Muito obrigada!