Solucionado
Fiz um site pessoal e passei para responsivo seguindo as aulas e estava tudo dando certo, até eu colocar no servidor e acessar no celular. O header, os banners e o footer ficaram cortados. Era pra eles terem bg de 100%, mas não tá funcionando :(
help? :( :( :(
o link do site é: http://simonecampos.esy.es/
e as imagens do erro estão aqui: https://www.dropbox.com/sh/tyo3bpaiu6cumif/AABuelKzah-o-dYZLRGEoqICa?dl=0
hoje, com a Alura e o Google Gemini
Oi Simone, você removeu o site do ar? Talvez fosse uma boa idéia deixar lá. Assim agente poderia verificar diretamente no código dele, usando o inspetor do navegador e ser mais direto na resposta.
O que pode estar acontecendo é que os elementos com background estejam com tamanho pequeno, reduzindo o campo do background e os elementos textuais estejam fora dessa camada (seja por uso de float ou position) e por isso não quebraram também.
Pode subir o site novamente pra gente ver?
Desculpe, eu tava fazendo teste pra ver se resolvia, mas ainda não consegui. Eu coloquei o site nesse endereço aqui tbm: http://melancia.esy.es/
Deve ter sido erro de digitação hehe troque o atributo "content" da sua meta viewport
de: width=device=width, initial-escale=1
por: width=device-width, initial-escale=1
êêêê! era isso mesmo Lincon.
Consertei aqui e funcionou. Nossa quebrei a cabeça aqui durante dias pra tentar resolver isso e no fim era só um erro bobo.
Muiiiiiiiiiiiiiiito obrigada! :) <3