Space under video on mobile...tried all the other solutions

Site URL: https://www.johnmutter.com

Hi,

I've got the seemingly common problem of having a fairly large space below videos on mobile. On desktop there is a tiny one which I don't mind. But the mobile one is quite big (i'll attach a screen shot.) When I look at "mobile view" on desktop it looks okay but on my actual phone it has a big space. I've tried many of the CSS codes that i've seen people suggest to others with this issue but so far no dice... (unless i'm getting some of the block stuff wrong.)Thanks in advance :)

https//www.johnmutter.com

Give this a go:

.fe-673e479f80038879240c7154 {
grid-template-rows: repeat(7,minmax(20px, auto)) !important;
}

The code reduces the minimum height of the rows from 24px to 20px. It's specific to that section. Adjust the px value as needed. 

Also make sure that you've already set the vertical grid gap to 0 in the section editor. 

I'm a silly billy and didn't know about that extra menu to adjust vertical grid gap. That solved it! Thank you!

I know about it and still forget sometimes 😂