Olá,
Não consigo identificar onde está o problema para o meu projeto estar grande no Vercel e no meu navegador ele está normal, inclusive testando a ferramenta do desenvolvedor fica responsivo.
Podem me ajudar, por favor?
Obrigado :D!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá,
Não consigo identificar onde está o problema para o meu projeto estar grande no Vercel e no meu navegador ele está normal, inclusive testando a ferramenta do desenvolvedor fica responsivo.
Podem me ajudar, por favor?
Obrigado :D!
Oi, Douglas, tudo bem?
Peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Além disso, peço mais detalhes a respeito do problema que está tendo, se puder também compartilhe imagens. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva. Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.
Fico no aguardo!
Olá, Rodrigo!
O projeto do github: https://github.com/dgsramos/portfolio
Vercel: https://portfolio-theta-lake-40.vercel.app/
Coloquei 1400px no @media (max-width), porém, testei no mac fica tudo certo, quando abri em um notebook com windows ficou igual a responsividade com menos de 1400px, mesmo a tela do note tendo mais resolução.
Outra questão, a fonte não deveria estar tbm se adequando ao tamanho da tela? Acho que a fonte está muito grande mesmo usando a "rem"!
![IMAGEM 1400px] (https://imgur.com/a/8cah2S1)
![IMAGEM TELEFONE] (https://imgur.com/a/8cah2S1)
Oi, Douglas, como vai?
Com relação ao media query o problema pode estar associado ao tamanho da tela do dispositivo. Uma forma de ajustar as medidas é criar mais que um media query ou ajustar o valor de 1400 para um valor menor.
Se quiser aprender mais como utilizar as media-queries, recomendo a leitura desta documentação.
Já com relação ao tamanho da fonte, o REM, essa medida está relacionado com o tamanho da fonte do elemento root (raiz), no caso. Por exemplo, sabemos que a tag html é a tag raiz de todo documento html. Dito isso, se definirmos que o font-size desse elemento será de 18px, então 1rem = 18px, 2rem = 36px e assim por diante. Normalmente os browsers especificam o tamanho default da fonte do elemento root (raiz) sendo 16px. Sendo assim, o tamanho da fonte, vai se adequar ao tamanho da fonte padrão do navegador utilizado no dispositivo utilizado.
Para saber mais sobre medidas relativas e absolutas e como elas funcionam, você pode consultar esse Guia de Unidades CSS.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!