gente estou tentando usar o media query em um projeto mais não funciona, tem algo errado no código?
gente estou tentando usar o media query em um projeto mais não funciona, tem algo errado no código?
hoje, com a Alura e o Google Gemini
Oi, Juliano, tudo bem ?
Peço desculpas pela demora em responder!
O problema do comando @media screen and (max-width:940px) não estar funcionando, ocorre pois esta propriedade não está relacionada com o arquivo .html.
A tag <meta> promove a responsividade das informações contidas no arquivo HTML, fazendo com que ele se adapte em diferentes dispositivos. Portanto, para que as mudanças feitas no arquivo .css, especificamente dentro do comando @media screen and (max-width:940px), possam ser identificadas é necessário usar o código:
<meta name="viewport" content="width=device-width">Esse código precisa ser inserido no interior da tag <head> abaixo da tag <meta charset="UTF-8">.
Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição!
Abraços!