尝试错开 Material 设计卡片并使它们均匀分布在自己的行中

Question

我在这里使用这个 MDL 模板：

https://getmdl.io/templates/portfolio/index.html

如您所见，"cards" 对齐了 3 列。

我遇到的困难是尝试将每个 "card" 行错开 2 列，然后错开 3 列，依此类推。

移除第 3 张卡片并只留下两张卡片的问题在于，卡片在页面上的分布不均。在一个 3 列的跨栏中，您有左、中和右。当你取出第三张牌时，这两张牌出现在左列和中列，让右列尴尬地空着。

我正在尝试这样的事情：

Answer 1

在（外部）上使用 'justify-content: center' 'portfolio-max-width' class:

.portfolio-max-width {
    max-width: 900px;
    margin: auto;
    justify-content: center;    /*This will center the interior elements*/
}