Estava fazendo o curso de "HTML e CSS: responsividade com mobile-first" junto com a professora onde nós usamos o "reset.css", estava fazendo exatamente como ela na seguinte estrutura de pastas:
Como podemos ver, o reset.css está na mesma pasta que o styles.css e logo em seguida temos uma subpasta "styles" com o header.css e o banner.css. O que estava acontecendo era o seguinte, no styles.css nós tínhamos colocado "font-family: var(--fonte-principal);" (que aplica a fonte Poppins), o que era pra acontecer, assim como estava no arquivo da professora, era para aplicar a fonte Poppins nos arquivos header.css e banner.css porém no meu caso não estava aplicando. Fui procurar algo no reset.css e encontrei o "font: inherit;" e pesquisei sobre, vi que setava algo sobre a hierarquia, apaguei esse comando no reset.css e funcionou do jeito que eu esperava, aplicou a fonte no header e no banner, então voltei esse comando para o reset e decidi aplicar uma classe no body para ter um peso maior do que o reset e acabar por aplicar a fonte, e está funcionando do jeito que deveria.
Porém eu queria saber o porque que a professora puxou apenas pelo body e funcionou, ja vi os arquivos do projeto no github e não tem nenhuma diferença com o meu, se alguém puder me ajudar fico imensamente agradecido.
Arquivo do projeto da professora: https://github.com/alura-cursos/alurabooks/blob/aula02/styles.css
Arquivo do meu projeto:https://github.com/Layel52/alura-books/blob/master/styles.css
