resolução no Celular fica diferente.

Oi Ana! Tudo bem?

Entendi sua dificuldade em relação à responsividade do seu site. É comum que o layout fique desproporcional em dispositivos móveis, mas existem algumas soluções para isso.

Vou te dar algumas dicas: Quando você está trabalhando com os Media Queries, você pode definir uma largura de 100% para um elemento ou uma largura automática, fazendo isso, só vai afetar no tamanho da tela correspondente, tipo se dentro do @media de celular você colocar um width: 100%; na imagem, essa imagem vai oucupar 100% da largura total da, porém somente na tela de celular. Dito isso, eu vi no seu projeto que alguns elementos como os icones de redes estão muito grandes na versão mobile de celular, você precisa ajustar um a um, na versão de celular, se um elemento estiver maior que a tela, o layout já fica bagunçado, isso acontece porque alguns elementos deve estar com a largura fixa definidas por "px", muitas das vezes essa largura é de 300px, ou 400px, dependendo já prejudica o celular, você pode analizar essas medidas e alterar para aauto ou "%" porcentagem na versão de celular.

Qualquer dúvida manda aqui.

Espero ter ajudado e bons estudos!

Muito obrigada Renan! Vou tentar fazer esses ajustes!