Boa noite!
Estou desenvolvendo a responsividade de uma pagina web.... porém por algum motivo que espero que me falem, apenas a primeira declaração @media esta indo corretamente no browser. Tentei verificar a sintaxe um milhão de vezes...porém estão literalmente iguais nesse quesito.. estou deixando passar algo?
ps: a declaração que esta indo corretamente esta destacada na imagem
ps2: notei algo estranho: quando a width do navegador fica abaixo de 1024px todas as declarações são atualizadas com sucesso, porém quanto o navegador fica abaixo de 769px como indicado na imagem as declarações não são atualizadas no navegador.
UPDATE: acabei descobrindo que não era isso...deu certo mas nao sei o motivo de ter dado certo kkk
Após eu colocar a seguinte linha de código no html ele funcionou:
<meta name="viewport" content="width=device-width">
<meta name="HandheldFriendly" content="true" />
Só queria saber o motivo de ter funcionado...