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ê...
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ê...
hoje, com a Alura e o Google Gemini
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!