Single price grid component using css grid.

My first project using grid. The only problem i have is vertical centering all body child elements, in this case <main> and <footer>. I had to set body as flex element and add height to 100vh to use place-content: property. I know this is not the best way how to do it. Is there a better way?