No início do segundo curso de lógica de programação, quanto utilizo o inner.HTML os textos introduzidos ficam mal formatados na página do jogo, como resolvo isso?
Solucionado
No início do segundo curso de lógica de programação, quanto utilizo o inner.HTML os textos introduzidos ficam mal formatados na página do jogo, como resolvo isso?
Olá, Ítalo! Tudo bem?
Para resolver a coisas relacionados a estilos você deve sempre procurar o arquivo "style.css" do projeto. No caso em específico, com o problema da formatação dos textos, você deve alterar as configurações CSS para cada tag dos textos.
Então, no seu arquivo "style.css" procure pelas configurações das tags h1 e texto__paragrafo, que são a tag e classe dos textos e altere o parâmetro font-size para ajustar o tamanho dos textos.
No código abaixo modifiquei o tamanho dos textos para ficarem formatados, mas você está livre para modificar:
h1 {
font-family: 'Chakra Petch', sans-serif;
font-size: 35px;
padding-bottom: 3rem;
}
.texto__paragrafo {
font-size: 20px;
font-weight: 400;
}
Espero ter ajudado e bons estudos!
Muito obrigado!