Olá! tudo bem? queria saber porque não é necessário colocar o "display: flex;" no .apresentação quando inserimos o @media. Grato!
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.