Ao passar o mouse por cima das listas é adicionado o efeito mas isso faz com que o footer se movimente sempre ao passar o mouse na lista, como manter meu footer fixo para que não sofra com efeito adicionado a lista.
Ao passar o mouse por cima das listas é adicionado o efeito mas isso faz com que o footer se movimente sempre ao passar o mouse na lista, como manter meu footer fixo para que não sofra com efeito adicionado a lista.
Olá Kelly beleza? Provavelmente você tem uma classe igual no elemento lista e no elemento footer. Você pode mandar seu código aqui para a gente analisar e ver qual o problema? :D
Oi, Kelly, tudo bem?
Você pode utilizar a propriedade trasnform ao invés dafont-size no hover para criar o efeito mas prevenindo esse comportamento de empurrar o footer, dessa forma:
.produtos li:hover h2 {
transform: scale(1.13);
/*font-size: 34px; */
}Testa e me fala se deu certo!