How to center the content of grid item and take the full width of grid

I’m doing javascript calculator project and I’m using grids. everything is fine but its content is not aligning to center. when I center it with justify-items: center it didn’t take full width.

my code : https://codepen.io/gskumawat/pen/mvaBLv

thanks in advance