Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvidas no exercício do cubo

Olá,

Ao fazer o exercício https://cursos.alura.com.br/course/avancando-html-css/task/6142, tive as seguintes dúvidas:

1) Por que é necessário definir altura e largura dentro de ".cubo" se isto já é feito dentro de ".face"? Se o filho define algo, não deveria sobrescrever o que foi definido no pai?

2) Por que é necessário utilizar "display: block" dentro de ".face"? Ao removê-lo, nada ocorreu.

  1. Ao configurar a parte traseira, é necessário rotacionar 180 graus, já que 0 e 180 graus estãono mesmo plano?
1 resposta
solução!

1) Como todos os elementos para este exercício estam usuando o position absolute/relative o tamanho no .cubo não será repassado para os elementos filhos que possuem position absolute já que quebram o fluxo da página. Porem realmente estas configurações de tamanho não vão alterar muita coisa neste caso.

2) Foram utilizadas divs, por padrão elas já vem com display block. Assim como a tag span vem com display inline por padrão. Como há essa quebra no fluxo da página com o uso do position relative/absolute o valor do display se é block ou inline ou table-cell pode não fazer muita diferença mesmo.

2.1) No css tem a propriedade backface-visibility que se estiver com o valor hidden, ao rotacionar o elemento pai (.cubo) esta face não vai aparecer, já que as "costas" do elemento estaria virada para fora. Porem como não estão usando essa propriedade não faria diferença mesmo colocar 0 ou 180.