Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Compatibilidade Desktop e mobile

INTRODUÇÃO: Fiz o design da index do meu website mobile e no chrome do desktop e ficou perfeito, da forma que eu queria que ficasse, inclusive com o responsivo delimitado conforme minhas necessidades.

PROBLEMA: Porém, quando acesso o mesmo html + css no mobile, no navegador do chrome do smartphone, ele manteve uns 80% da estrutura e design, ficando o restante bagunçado.

PERGUNTA: Como fazer a compatibilidade para que o design no navegador do smartphone fique igual ao navegador do desktop?

OBSERVAÇÃO: realizei o teste no simulador de dispositivo do chrome, porém nele está tudo ok, fica td certo e alinhado.

1 resposta
solução!

Marcelo, boa tarde!

Estranho essas mudanças não terem aparecido no desktop ao mudar o tamanho da tela.

O que eu recomendo você fazer, pode ser que você precise mais media queries, além disso, usar flexbox pode ser de grande ajuda nesse caso.

https://cursos.alura.com.br/course/posicione-elementos-com-flexbox

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software