如何让flexbox仅包装偶数个项目？

Question

我正在构建一个应用程序的主页，我在网站顶部附近有四个“价值主张”块。

我正在使用flexbox，以便在网站调整大小时块会响应，这很有效，但是我想避免我在一行中有3个块而1个块作为第二行中的一个孤儿，在它包装到2x2然后最终包含一列之前。

这是我的CSS：

.value-prop {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

  .prop {
    padding: 10px 20px;
    flex-basis: 25%;
    text-align: center;

    img {
      height: auto;
      margin: 0 0 10px;
      width: 200px;
    }
  }
}

我已经尝试将它们分成两块，但是间距开始有点时髦。我知道可以这样做，但我希望这是一种我不知道的更容易的方式。