Попробуйте flex:
display: flex;
justify-content: center; /* центрирование по горизонтали (если не нужно уберите) */
align-items: center; /* центрирование по вертикали*/
Имейте ввиду что flex задается родителю, а не самому элементу. Вот пример —
https://jsfiddle.net/DimonDevelop/pxjs1eu4/1/
Как правильно центруют текст внутри ячейки Grid Layout по вертикали, если нужно сделать бэкграунд на всю ячейку?
align-self:center работает, но если начанаешь тянуть бэкграунд, то ему центрироваться не куда. При stretch он растягивает, но текст оказывается сверху. vertical-align не работает (или я не правильно делаю).
Костылить маржинами и пэдингами не хочется, потому что и адаптив нарушается и как мне верится Grid может больше.
Лучшее пока к чему пришёл методом втыка это написать ячейке display: grid (не знаю на сколько это правильно, поясните пожалуйста):
.plus15 {grid-area: imgs/img4/span 1/span 1;
display: grid;
background: #122;
text-align: center;
}