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

transform: translate(-50%, -50%);

não entendi essa parte só o resto tudo ok!

1 resposta
solução!

A propriedade transform recebe a função translate(); para reposicionar um elemento na tela bidimensionalmente levando em consideração o array [tx, ty]. Isso faz com que seu objeto se mova no eixo x (esquerda ou direita) e no eixo y (para cima ou para baixo). Usando os valores negativos - 50% tanto no eixo x quanto no eixo y será possível alinhar o elemento verticalmente na tela.