2
respostas

Responsividade: Chrome e Firefox renderizando diferente

Estou na parte de responsividade/mobile do curso. Ajeitando o footer da página. Percebi que no meu iPhone X o Firefox renderiza perfeitamente o footer, mas no Mac o Firefox não renderiza o footer corretamente, os patrocinadores extrapolam o limite da div e a tag legend fica descentralizada, enquanto no Chrome renderiza corretamente, igual ao Firefox no iPhone. Todos os navegadores estão atualizados.

Como faço pra identificar a origem desse sintoma? Pensei que o reset.css daria conta de minimizar as diferenças entre os navegadores. Screenshot abaixo (do lado esquerdo o Firefox desktop, e à direita o Chrome desktop).

https://i.imgur.com/aH4lFhQ.png

Obrigado!

2 respostas

Fala Alberto, tudo bem?

Para auxiliar melhor, poderia por favor nos enviar o seu código html e css por completo por favor?

Aguardo sua resposta :D

Boa tarde, Mateus. Meu código está exatamente como o código do projeto final, disponibilizado pela Alura.

https://github.com/alura-cursos/posicione-elementos-com-flexbox/archive/e6dfec99045e720c2f9f24002c715f2631846721.zip