no final do meu codigo coloquei @media screen and (max-width: 480px) { body { background: blue; font-size: 100px; } }
e quando coloco na versão mobile, na ferramenta de desenvolvedores, nada acontece, porque isso, alguem me ajuda porfavor
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!
no final do meu codigo coloquei @media screen and (max-width: 480px) { body { background: blue; font-size: 100px; } }
e quando coloco na versão mobile, na ferramenta de desenvolvedores, nada acontece, porque isso, alguem me ajuda porfavor
Tente adicionar o código abaixo dentro da tag <head></head> do seu HTML, ela ajudará a informar ao CSS qual é a largura real do dispositivo e provavelmente irá funcionar, testei aqui e foi :)
<meta name="viewport" content="width=device-width, initial-scale=1">
