Tentei deixar as aspas no canto do elemento através da propriedade "top: 0" e "margin-top: 0", no entanto ela ia parar lá em cima da tela. Vi que o professor utilizou a propriedade "line-height: .8", mas não entendi porquê...
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
Tentei deixar as aspas no canto do elemento através da propriedade "top: 0" e "margin-top: 0", no entanto ela ia parar lá em cima da tela. Vi que o professor utilizou a propriedade "line-height: .8", mas não entendi porquê...
Oi Danilo, tudo bem?
Ela subiu lá no canto da tela pois não encontrou nenhum elemento pai (ou avô, bisavô, etc) com o position diferente de static, então pegou o <body> como referência nesse top: 0 aí.
Acredito que o instrutor usou o line-height justamente para dar essa margem sem precisar do position.
Para fazer com ele, precisaríamos definí-lo como relative e colocar as coordenadas.
Bons estudos!
Abcs!