屏幕调整大小时，单行显示的等宽图像不会停留在同一行

Question

遇到一些我确定很简单但无法解决的问题。

在网站https://maxdupain.com.au主页上，有一组两行图像链接到不同的画廊。每一个都位于div内，并设置为相等的宽度（100％/ 7）。

我遇到的问题是，在某些屏幕宽度上，第二行在第一个图像上显示一个空白，而该行中的最后一个图像延续到第三行。

请参见下图。希望有人可以指教。我注意到身体上有一个奇怪的padding-right：10px，我将其删除了，但它似乎无能为力。当我在检查器中将其划掉时，它似乎可以工作，但是当我调整窗口大小时，我再次看到了问题。

希望如此，并感谢您的支持。

Answer 1

为您的x类增加身高。

fp-category-container

Answer 2

@Gerard解决方案是最优雅的。谢谢！

#featured-categories {
  display: flex;
  flex-wrap: wrap;
}