1
resposta

grid-area: conteudo na classe populares__conteudo

No terceiro video da aula 3, é definido que a classe "populares__card" é o grid-area "conteudo".

No entanto, já foi definido que a classe "conteudo", que está na tag main, é quem tem essa grid-area. Além disso, a main não tem relação de parentesco direta com populares__conteudo.

populares__conteudo é filho de populares__itens e, até essa aula, populares__itens não tem display: grid.

1 resposta

Fala Daniela, tudo bem?

A propriedade grid-area funcionará somente para os elementos que forem filhos diretos de algum elemento com display: grid; e essa propriedade grid-area só terá acesso aos valores da propriedade grid-template-area do elemento pai direto, não sendo afetado caso haja algum outro elemento com o mesmo valor de grid-area. Então seguindo essa lógica, a classe conteudo tem acesso á propriedade grid-area visto que o seu elemento pai possui display flex.

Espero ter ajudado, bons estudos e caso ainda continue com dúvida pode contar com a gente :D

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software