Можно ли автоматически центрировать сетку CSS на нечетном количестве элементов? Пример 3 столбца 2 строки сетки уже симметричны с 6 элементами, но не 5. Когда используются 5 элементов, последние 2 выравниваются по левому краю, а 6-й элемент пуст. Можно ли центрировать эти последние 2 с помощью какой-либо техники?
Я пытался использовать justify-content, justify-items, align-items и т.д.
grid-template-columns: auto auto auto;
grid-template-rows: auto auto;
grid-column-gap: 0;
grid-row-gap: 0;
grid-gap: 0;
display:grid;
justify-self: stretch ;
justify-items: stretch;
justify-content: space-between;
Результат: если используется нечетное количество элементов (например, 5), последние 2 элемента не центрируются, потому что 1 блок пуст от 6-го элемента. введите описание изображения здесь