Как сделать выравнивание строки по центру в Grid?

Question

[vo0ov programmer]

Код:

.project_list {
    display: grid;
    gap: 50px;
    place-items: center;
    margin: 0 12%;
    grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
    margin-top: 30px;
}

Изображения того, как нужно сделать:





Всё это не помогло:
justify-items: center;
justify-content: center;
text-align: center;
align-items: center;

Я пытался найти решение, но не получилось. ИИ тоже помочь ничем не может.
Заранее спасибо!

Comments

[Ivan Ustûžanin]

с grid-ом можно только используя хаки и заранее зная сколько колонок будет
при таких вводных лучше всего использовать flex

[vo0ov programmer]

IvanU7n, А как сделать это с Flex так что бы они переходили на новую строку? (т.е. точно так же как в grid)

[Ivan Ustûžanin]

vo0ov programmer, чтобы переходили, не поверите: https://developer.mozilla.org/en-US/docs/Web/CSS/f..., чтобы по-центру: https://developer.mozilla.org/en-US/docs/Web/CSS/j...

[vo0ov programmer]

IvanU7n, Спасибо!