Specify a grid gutter size with grid-gap

I see when you added margin to your 100vh grid, a scroll bar was created. Looks like this would happen with padding as well. Would you say this snippet below would be a good solution to remove that scroll bar (assuming a vertical margin of 10px like in your video)?

height:calc(100vh - 20px)