1
resposta

flex direction column

Só não entendi muito bem o pq de terem colocado o flex-direction column no apresentação__conteudo

1 resposta

Oi, Erick, tudo bem?

Sobre sua dúvida a respeito do uso de flex-direction: column no apresentação__conteudo, isso é uma técnica comum quando queremos alterar o eixo principal do container flex para a direção vertical. Por padrão, o Flexbox organiza os itens dentro de um container em uma linha horizontal (flex-direction: row). Quando mudamos para column, os itens passam a ser organizados verticalmente, um abaixo do outro.

Isso pode ser muito útil em diversas situações, como quando queremos que os elementos dentro de um container sejam dispostos de cima para baixo, ao invés de lado a lado. Por exemplo, em um card de perfil, onde você pode querer que a foto do usuário apareça acima do nome e da descrição, todos alinhados verticalmente.

A escolha de usar flex-direction: column no apresentação__conteudo foi feita para alinhar os itens verticalmente para atender ao design apresentado no Figma. Fazendo com as informações e a imagem ficassem em uma mesma linha, mas mantendo os títulos, textos e botões um abaixo do outro.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

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