Daria certo utilizar o flex no padrão de row e ao invés de alinhar no centro usando o justify-content, utilizar o align-items?
Daria certo utilizar o flex no padrão de row e ao invés de alinhar no centro usando o justify-content, utilizar o align-items?
Olá André, como você está?
Essa é uma dúvida bem comum quando começamos a estudar os eixos do Flexbox.
A resposta direta é: não dá o mesmo resultado, porque cada propriedade atua em um eixo diferente. O justify-content alinha os itens no eixo principal. Quando usamos flex-direction: row (que é o padrão), o eixo principal é o horizontal, então ele centraliza da esquerda para a direita. Já o align-items alinha os itens no eixo transversal. No caso do row, esse eixo é o vertical, então ele centraliza de cima para baixo.
Por isso, se você quer centralizar um elemento horizontalmente usando row, precisa usar justify-content: center. O align-items: center vai centralizar verticalmente e evitar que o elemento fique colado no topo ou no fundo do container, caso ele tenha uma altura definida.
Resumindo: no flex-direction: row, justify-content controla o alinhamento horizontal e align-items controla o alinhamento vertical.
Conte sempre com a Alura para evoluir seus estudos. Em caso de dúvidas estou à disposição.
Bons estudos!
Sucesso ✨