Olá, gostaria de saber o pq que é necessario separar "display" de "position" dentro do CSS
nav{
position: absolute;
top: 110px;
right: 0;
nav li{
display: inline;
margin: 0 0 0 15px;
Fazemos isso com o .produtos tambem. Não poderiamos colocar tudo junto?
hoje, com a Alura e o Google Gemini
Olá, Lucas!
São duas propriedades distintas, por isso a separação.
Vou deixar o link da documentação oficial, para que você veja como cada uma funciona:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/display
https://developer.mozilla.org/pt-BR/docs/Web/CSS/position
No caso do seu código em específico, veja que você está aplicando a propriedade position ao seu elemento nav, mas está aplicando a propriedade display no elemento li que está dentro de nav, ou seja, são elementos distintos também.
Sei que pode parecer meio confuso, mas a melhor maneira de entender realmente é lendo a documentação.
Espero ter ajudado!
Contionue firme em seus estudos!
Muito Obrigado Mateus, ajudou muito.