Quando a gente usa o aling-self pq não é necessário colocar o elemento especifico para que ele se alinhe ? já que flex-box trabalha com elemento pai e filho no caso a tag nav é a tag pai e o img é filho da tag nav, como é que o CSS sabe que é só pro "first-child"?
Olá Israel, tudo bem?
Quando se trata de aling-self, estamos alinhando individualmente um elemento filho, ou seja, um flex item.
E como o navegador entender qual flex item queremos alinhar?
O navegador não tem como saber que é o primeiro filho, precisamos aplicar a propriedade nesse elemento diretamente, ou seja, no .menu-lateral__logo. O código fica:
.menu-lateral__logo {
align-self: center;
}É isso que o instrutor irá fazer muito em breve no curso e neste vídeo em específico ele não faz, pois está utilizando a ferramenta do desenvolvedor, onde basta clicar qual é o elemento que queremos colocar um estilo e escrever o estilo.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Abraços!