Isso está ocorrendo porque no menu.css, o ".menu-lateral" está subescrevendo o "@media" do "responsivo.css". Eu coloquei um @media no menu.css:
.menu-lateral {
display: grid;
grid-template-rows: repeat(3, auto)1fr;
row-gap: 2rem;
}
.menu-lateral__logo {
justify-self: center;
}Acrescentei esse trecho no próprio "menu.css" e resolveu:
@media only screen and (max-width: 1023px){
.menu-lateral{
display: none;
}
}Em resumo, criaram um código onde um trecho subscreve o outro e até onde cheguei, não há nenhuma explicação de como resolver isso, então temos que fazer nossas alterações para conseguir acompanhar a aula.
