Solucionado
No meu caso só ficou responsivo após aplicar a linha de código:
flex-flow: column wrap;
Antes com as aplicações das linhas:
.rodape__container {
display: flex;
flex-direction: column;
justify-content: wrap;
}
A página se apresentava assim:
Seria algum "bug" no meu VsCode?
Oii Joan, tudo bem?
A solução que você encontrou é totalmente válida e é uma maneira eficiente de simplificar o código.
No seu caso, ao usar flex-flow: column wrap;, você está especificando que os itens dentro do .rodape__container devem ser dispostos em colunas e que, se não houver espaço suficiente na linha, eles devem ser quebrados para a próxima linha ou coluna, dependendo do espaço disponível.
Muito obrigada por compartilhar!
Um abraço e bons estudos.