Tota vez que eu passo o mouse sobre um item da lista de produtos, ele aumenta a fonte, como feito na aula anterior. Mas, ele afeta o comportamento do footer. Como eu impeço isso?
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!
Solucionado
Tota vez que eu passo o mouse sobre um item da lista de produtos, ele aumenta a fonte, como feito na aula anterior. Mas, ele afeta o comportamento do footer. Como eu impeço isso?
Oi, Arthur, tudo bem?
Você pode usar a propriedade scale:
.produtos li:hover h2 {
transform: scale(1.13);
/*font-size: 34px; */
}Ela vai prevenir esse comportamento de aumentar o tamanho da caixa de produtos
Testa e me fala se deu certo :}