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

[Sugestão] Quebra de linhas

Olá, sobre responsividade... em meu projeto https://felipeoliveeira.github.io/html-css/portfolio/index.html : Gostaria de um conselho sobre o h1 pois o tamanho de viewport 483px o texto quebra em muitas linhas.. Achas que se eu diminuir o tamanho da letra seria a melhor forma de corrigir isso? Pois achava que a medida REM se adaptaria ao tamanho da tela, e não consegui observar isso. Outra dúvida também é para tamanhos de telas muito pequenas como por exemplo de 300px para 400px o layout ja fica todo estranho, devo criar uma media querie específica para essas telas muito pequenas?

3 respostas

Olá Felipe, tudo bem?

Sobre a quebra de linhas no h1, diminuir o tamanho da letra pode ser uma solução sim, mas é importante lembrar que se ficar muito pequeno pode afetar a legibilidade do texto. Quanto à sua segunda dúvida, sim, é recomendável criar media queries específicas para telas muito pequenas, como 300px a 400px, para garantir que o layout fique legível e organizado. Você pode definir regras de estilo específicas para esses tamanhos de tela, como ajustar o tamanho da fonte, o espaçamento entre os elementos e a largura dos contêineres.

Espero ter ajudado e bons estudos!

Muito obrigado. Acredito que finalizei a responsividade do projeto e gostaria se possível de um feedback acerca dele, principalmente, assim como do portfólio em geral. https://felipeoliveeira.github.io/html-css/portfolio/index.html

solução!

Ficou muito legal Felipe, a responsividade também ficou ótima, parabéns. A única coisa que eu faria é remover o target="blank dos links, para não abrir as outras páginas em uma nova guia, o normal é não acontecer isso, ficaria legal deixar abrir somente a de cúrriculo em uma nova guia, creio que você fez dessa forma para praticar e é válido também, é só uma sugestão mesmo.

Valeu Felipe.