It’s beautifully straightforward to add a gutter to our grid layout. Let’s apply one 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)