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!
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!
hoje, com a Alura e o Google Gemini
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!