Qual a razão pela qual não posso colocar o flex-direction:column no bloco .apresentacao em vez do bloco .apresentacao__conteudo??
Qual a razão pela qual não posso colocar o flex-direction:column no bloco .apresentacao em vez do bloco .apresentacao__conteudo??
hoje, com a Alura e o Google Gemini
Olá, Marcos! Como vai?
Ótima pergunta!
Nesse caso, o objetivo era posicionar a tag <h1>, a tag <p> e a tag <div> na vertical. Para isso, devemos adicionar a propriedade flex-direction: column; ao elemento pai desses elementos, que no caso é a <section class="apresentacao__conteudo"> .
Se flex-direction: column; fosse atribuido à <main class="apresentacao">, os elementos filhos dessa tag seriam alinhados na vertical, que são a tag <section> e tag <img>.
Espero ter ajudado. Fico à disposição!
Abraço!
Oi Marcos! Poder, pode, no caso do projeto do curso temos a seção .apresentacao no display row, por padrão, se você utilizasse flex-direction column na classe .apresentacao os elementos iriam ficar alinhados na vertical, ou seja, a imagem iria para baixo do conteúdo. Se a sua intenção for essa você pode sim usar o flex-direction column. Se quiser seguir o projeto do curso recomenda-se utilizar o flex-direction no .apresentacao__conteudo, o qual tem 3 elementos(Título, texto e links), então ao utilizar flex-direction column esses elementos ficarão alinhados verticalmente, espero que tenha ajudado!