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.