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

Resultados diferentes.

Na resolução do exercício, está falando para aumentar a fonte do palavras-home li para 400%, porém, no meu arquivo, se eu colocar esse valor as palavras ficam gigantes. Eu tive que colocar em torno de 130% para as palavras ficarem do tamanho certo, e mesmo assim elas estão com tamanhos diferentes. O que fiz de errado?

https://gist.github.com/vkindrat/02543eb3557908242c77af68b4f94200

2 respostas
solução!

Oi, Vitor, tudo bem?

Então, vi o seu código e o que está ocasionando isso é a propriedade perspective. Vamos lá:

Essa propriedade ela tem a função de criar uma perpectiva em 3D e o quanto ela estará longe de quem está vendo o elemento na tela. Essa propriedade pega os elementos-filhos, não o próprio elemento. Mas essa propriedade tem um detalhe que está dando essa diferença: ela tem uma característica de empilhamento, ou seja, ela pega outras propriedades e se soma a elas. É o que tá acontecendo com o teu font-size.

Se você usar o perspective-origin: 6px; vai evitar esse problema.

Testa e me fala se deu certo :}

Deu certo! Eu tinha modificado para perspective:120px, e deu certo também. A diferença entre as duas soluções ficou bem pequena, qual dos dois você recomendaria usar?