Só não entendi muito bem o pq de terem colocado o flex-direction column no apresentação__conteudo
Só não entendi muito bem o pq de terem colocado o flex-direction column no apresentação__conteudo
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!