Stacking grids causes a different display

Question

I want to display pages in A4 format using CssGrid. The structure of each page is simple: header, main, footer. Each page has an independent grid.

So, I use grid-template