В CSS Grid содержимое каждого элемента находится в так называемой ячейке . Вы можете выравнивать содержимое внутри ячейки по горизонтали, используя свойство justify-self для элемента грида. По умолчанию это свойство имеет значение stretch , т.е. содержимое заполняет всю ширину ячейки. Это свойство CSS Grid принимает и другие значения: start : выравнивает содержимое по левую сторону ячейки, center : выравнивает содержимое по центру ячейки, end : выравнивает содержимое по правую сторону ячейки.
Используйте свойство justify-self для выравнивания элемента с классом item2 по центру ячейки.