Solucionado
Quando foi criado o @media, utilizou apenas o flex-direction?
Nao deveria ter mantido todos os atributos colocados em .apresentacao e mais o flex-direction?
padding: 5% 15%;
display: flex;
**flex-direction**
align-items: center;
justify-content: space-between;
max-width: 8000px;
gap: 80px;hoje, com a Alura e o Google Gemini
Olá Daniel!
Quando você utiliza o @media, não é necessário repetir todos os atributos de apresentação que você já definiu anteriormente. Você pode simplesmente especificar os atributos que deseja alterar para o dispositivo em questão, os da classe padrão vão continuar aplicados, você pode simplesmente adicionar os que quer sobrescrever com mudança, ou adicionar novos.
No seu exemplo, se você deseja alterar apenas o valor da propriedade flex-direction para um dispositivo específico, você pode fazer isso usando o @media sem precisar repetir todos os outros atributos. Por exemplo:
@media (max-width: 600px) {
.apresentacao {
flex-direction: column;
}
}Nesse caso, a propriedade flex-direction será alterada para "column" apenas quando a largura da tela for menor ou igual a 600 pixels.
Espero ter ajudado e bons estudos!
Obrigado!
Opa Daniel. Eu que agradeço. Fico feliz em ajudar :)