Fixar rodapé

Oi Bernardo,

Eu sei que isso não foi abordado no curso, mas daria para criar um pseudo-elemento com a fonte no tamanho do hover.

Adiciona isso no seu style.css e tenta novamente.

.produtos h2:after {
    content: '';
    font-size: 34px;
}

Olá, Bernardo, uma outra forma (indireta) de fixar o rodapé seria fazer assim:

.produtos li:hover h2 {
    transform: scale(1.10);      /*neste exemplo, aumento de 10% do título (h2); mude o valor dentro do parênteses para o valor que desejar*/
}

Ou seja, substituir o "font-size" pelo "transform", já que ele modifica apenas o visual do elemento (título - h2) e não ele em si. Por isso o comportamento é diferente de "font-size". Assim, o que está abaixo desse elemento não é "empurrado", incluindo o rodapé.

Espero ter ajudado. Bons estudos!

Olá, Bernardo.

Eu também já quebrei a cabeça com isso e uma forma simples de resolver é dá um position: fixed no teu footer e bottom: 0; Tomara que sirva para o teu caso.

footer {
    position: fixed;
    bottom: 0;
}