[Dúvida] duvida sobre a propriedade do flexbox column-reverse

Oi, Zoé, tudo bem?

Dentro da tag <main> há dois grandes grupos, a tag <section> que engloba todas as informações escritas, como título, descrição e botões das redes sociais e a tag <img> que envolve as imagens. Dessa forma, a tag <main> que seria a tag pai, possui dois filhos, a tag <section>e a tag <img>.

Quando usamos o Flexbox no elemento pai (<main>), o comportamento do posicionamento é refletido diretamente para as tags filhas (<section> e <img>). Sendo assim, ao aplicar a propriedade flex-direction: column-reverse na classe da tag <main> estamos invertendo a ordem dos elementos dentro dela. Como as informações que estão dentro da tag <section> não são filhos diretos da tag <main> elas não são afetadas por esse comportamento e se mantêm inalteradas, fazendo com que apenas a imagem suba para o início do site.

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

Oi, Rodrigo, muito obrigada pela explicação!!