@media não esta funcionando | Web Design Responsivo: Páginas que se adaptam do mobile ao desk

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Raphael

| 210.5k xp | 119 posts

Criei uma nova pasta no meu GITHUB com um projeto teste que eu fiz chamado Site Teste para testar fazer um site responsivo. https://github.com/rapha1908/MeusCodigos.git Tem dois arquivos css index.css e estilos.css

index.css
estilos.css

um para os arquivos para desktop e outro para dispositivos menores de 600px porem parece que ele ignora o arquivo @media *coloquei o nome errado no < link >no HTML para que fique melhor para vocês entenderem o erro. Grato

1 resposta

solução!

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

19/09/2019

Fala ai Raphael, tudo bem? Acho que faltou você definir a meta da viewport:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Essa definição deve ser feita no head.

Espero ter ajudado.