Solucionado
Já vi outra dúvida aqui no fórum explicando um pouco sobre o porquê o instrutor colocou algumas informações dentro de .produtos {} e outras dentro de .produtos li {}, mas não consegui entender direito o motivo.
Qual seria a diferença entre mexer na lista em si (.produtos) e nos itens da lista (.produtos li {})?
hoje, com a Alura e o Google Gemini
Quando você mexe na lista (.produtos) é como se mexesse no "espaço" onde estão contidos os elementos da lista (.produtos li).
Veja que você define width: 940pxepadding: 50px 0;de .produtos, dessa forma, as propriedades de (.produtos li) serão dependentes das propriedades de .produtos, por exemplo, você define umwidth: 30% em (.produtos li), esses 30% são em relação ao width de 940px de .produtos.
Com essa hierarquia do CCS fica mais fácil de manipular os elementos.
Uau, okay, agora entendi hahaha muito obrigado!