O Tamanho do titulo ficou fora da caixa, segue as imagens de tamanho do navegavador, tela e resolução do Pc. Se alguém souber solucionar. Vi em outro post que o navegador deve sempre ser 100%, por causa da responsividade dos arquivos.
O Tamanho do titulo ficou fora da caixa, segue as imagens de tamanho do navegavador, tela e resolução do Pc. Se alguém souber solucionar. Vi em outro post que o navegador deve sempre ser 100%, por causa da responsividade dos arquivos.
Ei, Valentina! Tudo bem?
A seguir, deixo algumas ideias e sugestões para você verificar e reparar, caso necessário, para corrigir esse problema do texto fora da margem.
Veja se o zoom do navegador esteja em 100%. Isso pode ser ajustado nas configurações de zoom (Ctrl + 0 geralmente redefine para 100% quando está para mais ou para menos).
Revise o código CSS do título. Você pode tentar diminuir o tamanho da fonte ou ajustar o padding e margin na sua folha de estilos (style.css). Por exemplo:
h1 {
font-family: 'Chakra Petch', sans-serif;
font-size: 52px;
padding-bottom: 3rem;
Como a escala do sistema está em 125%, isso pode afetar a forma como os elementos são exibidos. Tente ajustar para 100% nas configurações de exibição do seu sistema operacional.
- Material da aula para revisão:
CÓDIGO CSS
Espero ter ajudado e qualquer dúvida, compartilhe no fórum.
Até mais, Valentina!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado!
Muito obrigado pelas dicas, resolveu meu problema aqui.