Specify a grid gutter size with grid-gap

InstructorRory Smith

Share this video with your friends

Send Tweet

It’s beautifully straightforward to add a gutter to our grid layout. Let’s apply one with grid-gap.

Christopher Hall
~ 5 years ago

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)