Menu já estava responsivo (Flexbox atualizou?)

Estava acompanhando essa parte do curso, porém aqui mesmo estando com o código igual ao do professor, o menu já estava responsivo, não ocorrendo nenhuma desconfiguração ao diminuir a tela.

Não sei se houve alguma atualização no display:flex, mas tudo se manteve bem.

A única coisa que ocorreu foi no item "quem somos", que dobrou em 2 linhas, mas se manteve centralizado.

Para isso não acontecer eu fiz como o professor e retirei o logo.

Outra coisa que reparei é que o professor colocou na media acima de 768px, o logo como display:block, mas o certo não seria retornar para display: flex como estava?

Enfim, meu código ficou assim

------------------ARQUIVO CABECALHO-------------------

.cabecalho {
    align-items: center;
    background: #f9f9f9;
    display: flex;
    padding: 0 2rem;
}

@media screen and (min-width: 0) {
    .cabecalho {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .cabecalho {
        justify-content: space-between;
    }
}

---------------ARQUIVO LOGO-----------------

@media screen and (min-width: 0) {
    .logo {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .logo {
        display: flex;
    }
}