Solucionado
Boa noite. Fique meio confuso sobre o do porque ao usar o flex-direction: column-reverse, apenas a imagem subiu para o topo da página. Pelo que entendi teria que ter invertido todos os elementos, resultando na seguinte ordem:
Para mim ficaria todos os itens invertidos e não somente um que foi a imagem em si. Grato.
hoje, com a Alura e o Google Gemini
Olá, Joilson, tudo bem?
O que acontece é que esse estilo inverte a ordem dos filhos diretos do elemento com display: flex, e, nesse caso, o elemento com a classe apresentacao, que tem dois filhos diretos: o section (onde estão o título, texto, e links) e a img (a imagem da Joana). Portanto, ao aplicar column-reverse, apenas esses dois elementos trocam de posição, e a imagem vai para o topo.
Os elementos internos, como os links e o texto, permanecem na mesma ordem dentro do section porque eles são filhos de outro container, não do main.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Bom dia, Agora sim entendi. Muito obrigado.