Как центрировать элементы сетки? ⇐ CSS

[Anonymous]

Я пытался использовать гибкость, чтобы центрировать сетку, но это выглядит неуклюже и неудобно. При этом осталось: 50%; Transform: TranslateX(-50%); работает, но нарушает сетку. Простая маржа недостаточно адаптивна. Есть ли ПРАВИЛЬНЫЙ способ сделать это?
justify-items:center; --> он центрируется только внутри сетки, но не самой сетки
.calendar__wrapper{
font-size:20px;
position:relative;
display:flex; /* is this normal?*/
justify-content: center;
}
.calendar__inner{
display:grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(7, 1fr);
position:absolute;
/* left:50%; shouldn't use idk why
transform: translateX(-50%); */
justify-items:center;


Подробнее здесь: https://stackoverflow.com/questions/793 ... d-elements