espaçamento entre cada item da li continua pequeno/junto demais

Olá! O espaçamento entre os itens da minha li continua muito pequeno (mesmo com margin: 0 1.5 px conforme passado na aula). Aumentei a porcentagem pra 5px (margin: 0 5px) e daí sim o espaçamento aumentou. Queria entender porque isso ocorre....é devido a minha tela ser diferente da tela do professor, ou teria algum problema no meu código, ou então seria por outro motivo?!

Obrigada.

.produtos{
  width: 940px;
  margin: 0 auto;
  padding: 50px 0;
}

.produtos li{
  display: inline-block;
  text-align: center;
  width: 30%;
  vertical-align: top;
  margin: 0 1.5px;
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: cadetblue;
}

.produtos h2{
  font-size: 30px;
  font-weight: bold;
}

.produto-descricao{
  font-size: 18px;
}

.produto-preco{
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
}