1
resposta

Comportamento diferente do mostrado no vídeo

.cabecalhoPrincipal-nav {
  flex-direction: column;
}
.cabecalhoPrincipal .container {
  flex-direction:column;  
  align-items: initial;
    text-align: center;
}

O align-items: initial; não está retornando o alinhamento inicial e continua centralizado.

1 resposta

Olá,

Como você mudou o flex-direction do default ("row") para para "column" a propriedade correta é o "justify-content".

Fique sempre atento ao seu eixo principal, quando você muda ele as propriedades "justify-content" e "align-items" mudamde comportamento.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software