Solucionado
Não entendi por que foi inserido um margin-top na <nav>, sendo que apenas definir align-items: center já resolveria.
header {
background-color: var(--background-tertiary-color);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 38px 48px;
}
Olá, Guilherme! Tudo bem?
Você está certo: align-items: center é a forma mais simples e correta de centralizar elementos verticalmente em um container flex.
O uso de margin-top na aula provavelmente foi uma escolha relacionada ao layout do projeto. Às vezes o elemento não precisa ficar exatamente no centro matemático, mas sim a uma distância específica do topo para manter a harmonia visual. Além disso, ao manter align-items: flex-start, o instrutor consegue ter mais controle individual sobre cada item e ajustar detalhes manualmente quando necessário.
Resumindo, se o objetivo for apenas centralizar, usar align-items: center é mais limpo e eficiente. A margem foi usada apenas para um ajuste visual específico.
Espero que ajude. Bons estudos!
Bons estudos!
Sucesso ✨