如何让 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;
    }
  }
}

我试过把它们分成两块，每块两块，但间距开始变得有点时髦。我知道可以这样做，但我希望有一种我不知道的更简单的方法。