Как заставить неполную строку сетки CSS выровнять ее элементы по правому краю? ⇐ CSS

[Anonymous]

У меня есть очень простая сетка кнопок, похожая на телефонную панель набора номера. В последней строке недостаточно элементов для ее заполнения, и я хочу, чтобы элементы этой строки были выровнены справа, чтобы пробел находился слева. justify-content, align-content, justify-items и align-items не делают этого. Пожалуйста, не просите меня завершить одно из этих свойств, если у вас нет кода, показывающего, что оно работает, потому что оно этого не делает.
Возможно ли вообще это сделать? сделать это с помощью CSS-сетки? Я знаю, что мог бы добавить невидимый div-бампер, чтобы переместить эту строку, но мне просто интересно, можно ли контролировать это выравнивание только с помощью CSS.

1
2
3
4
5
6
7
8
9
0
←


с помощью CSS:
.inputPanel {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px;
margin-top: 30px;

.button {
padding: 20px;
text-align: center;
background-color: #d3d6da;
border: 1px solid #ccc;
border-radius: 2px;
font-size: 24px;
cursor: pointer;
}
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... -the-right