TESTANDO MEDIA QUERIE – RESOLUÇÃO DIFERENTE.

Mude o tamanho do seu navegador para ver as mudanças.

Esta caixa ficará rosa se a área de visão for inferior a 600px
Esta caixa ficará laranja se a área de visão for maior que 900px
Esta caixa ficará azul se a área de visão estiver entre 600px e 900px
Esta caixa só será aplicável a dispositivos com max-device-width: 480px (ou seja, iPhone)

Sua área de visão atual é: menor que 600px entre 600 - 900px maior que 900px