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?
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!
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!