Olá! tudo bem? queria saber porque não é necessário colocar o "display: flex;" no .apresentação quando inserimos o @media. Grato!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá! tudo bem? queria saber porque não é necessário colocar o "display: flex;" no .apresentação quando inserimos o @media. Grato!
Oi Rian, tudo bem?
Quando você já definiu uma propriedade CSS para um seletor, como o display: flex; para a classe .apresentacao, essa propriedade continua valendo até que você explicitamente a altere ou a sobrescreva em uma regra posterior.
No caso das media queries, quando você define um novo estilo para um seletor dentro de um bloco @media, você está adicionando ou sobrescrevendo propriedades para aquele seletor apenas sob as condições especificadas (como um certo tamanho de tela, por exemplo).
Se você não redefinir a propriedade display, o navegador vai continuar usando o valor que foi definido anteriormente para .apresentacao, que é display: flex;.
Então, não é necessário repetir display: flex; dentro do bloco @media para a classe .apresentacao a menos que você queira mudar o valor dessa propriedade quando a condição da media query for verdadeira. Como no caso queremos apenas ajustar o flex-direction para responder a uma mudança no tamanho da tela, mantendo o layout flexível, então não há necessidade de redeclarar o display: flex;.
Um abraço e bons estudos.