Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

cálculo do compromento no firefox.

Saudações,

Na lista dos produtos, adicionamos as propriedades no css:

width: 30%;
margin: 0 1.5%;

Com isso, cada um dos 3 produtos ocupa 1.5% de cada lado mais 30% de comprimento, resultando em 33%. Desta forma, os 3 produtos totalizam 99% da largura total.

Porém, no firefox, o ultimo elemento fica na linha de baixo Diminuindo a margem pra 1.49%, ele volta pra linha de cima. Já no chrome fica tudo normal. Já copiei o código disponibilizado pra checar.

Alguém sabe o porque disso?

Abraços.

2 respostas
solução!

Olá! Isso ocorre porque os navegadores utilizam motores de renderização diferente um do outro, ou seja, cada navegador interpreta o código de uma maneira diferente. Nos cursos avançados de CSS aqui da Alura você aprende a contornar isso.

Obrigado Wanderson!

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