Как центрировать элементы списка сетки угловых материалов ⇐ CSS

[Anonymous]

Я уже искал по этой теме и нашел это, однако, похоже, это не работает.
Я пытаюсь центрировать элементы каждой строки, если их меньше элементы, чем позволяет строка, например. в строке 4 столбца, но только 2 элемента -> отцентрируйте эти 2 элемента в строке.

Код: Выделить всё

This is a heading



[img]ClownCastleHome.jpg[/img]
{{ castle.name }}
{{ castle.price }}

straighten
{{ castle.size }}

weight
{{ castle.weight }}

mode_fan
{{ castle.fan }}

power
{{ castle.engine }}

Я пытался это применить:

Код: Выделить всё

`mat-grid-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
;
}`

но это ничего не меняет. Есть идеи?

Подробнее здесь: https://stackoverflow.com/questions/791 ... -grid-list