O Footer ficou igual nas duas resoluções

O Footer estava funcionando na resolução Mobile; Quando fui fazer o rodapé aplicando o media query o mesmo adotou a mesmas caracterisitcas do Tablet para o Mobile;

HTML:

Grupo Alura

• EDUCAÇÃO
• Caelum
• Casa do código

• EDUCAÇÃO ONLINE
• Alura
• Alura Para Empresas
• Alura LATAM
• Alura Start
• MusicDot
• Alura Língua
• PM3

• COMUNIDADE
• Hipsters ponto Tech
• Scuba Dev
• Layers ponto Tech
• Like a Boss
• Carreira sem Fronteira
• Hipsters ponto Jobs
• GUJ

CSS:

hr { margin: 0;

} .rodape{ background-color: var(--cor-branco); padding: 1em;

}

@media screen and (min-width: 1024px){

.rodape{ display: flex; justify-content:space-around; }

.lista-rodapé__item{ display:flex; align-items:center; }

.lista-rodapé__link{ color:var(--cor-cinza); text-decoration: none; margin-left:1em;

}

.lista-rodapé__titulo{ font-size:14px; color:var(--cor-linha); margin: 0.6em 0; } .rodapé__titulo{ font-size:24px;

}

.lista-rodapé{ display:none; display:block; } }