Solucionado
"A porcentagem sempre pega o valor do da propriedade pai como referência."
Qualquer propriedade definida no elemento pai pode ser usada como referência ou somente as propriedades width, height, font-size?
Por exemplo, o elemento pai tem um valor definido para a propriedade margin de 20px e no filho quero colocar um margin de 50%. O margin do filho vai pegar como referência o valor do margin do pai ?
Oi Layanne, tudo certo?
É isso mesmo! Somente essas propriedades!
No filho voce quer 50% de margin? Se o pai tiver 200px de largura, esses 50% terão então 100px. Fiz exatamente esse exemplo aqui nesse Jsbin.
Se voce ver a imagem abaixo tambem, pode ver que fica exatamente com os 50% da width do pai!
Tenta no Jsbin colocar um font-size de 200% para a .filho. Ele vai ficar então com 200% do tamanho da fonte do pai, que nesse caso é 16px pois não a alteraoms, resultando então em 32px!
Qualquer dúvida durante o curso ou sobre a plataforma pode criar mais tópicos, ok?
Lembrando que você pode sugerir mais cursos ali no rodapé em "Sugira um curso".
Espero ter ajudado e bem-vinda à Alura!
Abcs e bons estudos!
Entendi. Obrigada!