Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Fiquei sem entender porque

Na aula o instrutor esta ensinando a questão da mídia query com o código da maneira a baixo

@media screen and (min-width: 768px){ Estilização Aqui }

porém na resposta do questionário a resposta certa foi assim:

@media (min-width: 768px) { “estilização aqui” }

Porque esta resposta está sinalizada como correta, se a especificação do "screen and" não foi declarada? como posso ter certeza de que estarei codando direito sem ter certeza do quanto é ou não importante o "screen and" para o código?

2 respostas
solução!

O "screen" representa que estamos definindo o estilo para como nossa página vai ficar numa tela. Há um outro tipo de mídia que pode ser especificada, que é o "print", que define como a estilização vai ficar numa impressão, mas podemos optar por não especificar para que tipo de mídia a media query se refere, e nesse caso os estilos serão aplicados tanto para telas quanto para impressões. Mais detalhes na documentação: https://developer.mozilla.org/pt-BR/docs/Web/CSS/@media

Muito obrigado, agora eu estou entendendo melhor.