projeto em telas menores

Olá, Dafne, como vai?

Para entender melhor o que pode estar causando essas diferenças, poderia compartilhar o link do repositório e do projeto publicado no Vercel? Assim, consigo analisar o código e sugerir possíveis correções.

Fico no aguardo e o fórum está à disposição para te ajudar.

Sim, claro! Obrigada! https://portfolio-kappa-black-10.vercel.app/

Oi, Dafne.

Sobre a imagem, apesar de estar controlando o tamanho com porcentagem, você pode aplicar uma regra para a imagem ter um tamanho minimo em tela. Por exemplo:

  .apresentacao__imagem {
    width: 45%;
    min-width: 350px;  /* Ajuste conforme necessário */
  }

Dessa forma a imagem manter a proporção de 45% em telas maiores, mas manterá um tamanho minimo de 350px em telas menores.

Sobre o alinhamento da imagem com o texto, eu não notei nada fora do normal, avaliei o posicionamento dos elementos com o devtools em diferentes resoluções e o texto estava centralizado em relação a imagem. Pode ser uma questão de perspectiva, já que não tem pontos de referencia no texto que demonstrem o alinhamento.

Sobre os botões, o problema é que a largura dele é relativa, então conforme a tela diminui, o espaço disponível para os elementos dentro dele também fica menor. Tenta passar um valor fixo, 250px funcionou bem nos meus testes.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar.

Abraços :)