Como faço para que quando houver hover no elemento li o rodapé não se mexa. Pois toda a vez que o elemento muda a fonte ele empurra o rodapé.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como faço para que quando houver hover no elemento li o rodapé não se mexa. Pois toda a vez que o elemento muda a fonte ele empurra o rodapé.
Oi, Joao, tudo bem?
Segue uma alternativa de solução para esse comportamento:
.produtos li:hover h2 {
transform: scale(1.13);
}Teste e me fala se deu certo :}
Sim, muito melhor. Por que isso ocorre ? o scale não redimensiona a box de conteúdo ? Ou ele faz, mas redimensiona toda a estrutura ?
Oi, Joao, tudo bem?
A propriedade transform muda um espaço coordenado usando valores que podem ser rotacionados, ajustando o seu tamanho, inclinado, etc. O scale não adiciona espaçamento ao elemento, mas ele redimensiona um elemento no plano 2D em seu eixo.