I’ve searched the forum and seen this asked a few times but none of the answers quite fit my predicament.
I’ve added a BG video to a Div in a grid and the videos ratio is 1:1. Everything in the grid should be square but for some reason the creates extra space at the bottom of the grid. Theres no padding or margins parent or child margin and everything sits flush when I use an image; its only happening with the BG video.
A lot of the threads I found were about BG video edges being clipped but for my situation clipping is preferable because i think the problem is that the video’s height (600px) is taller than the image underneath it.
Here is my site Read-Only: https://preview.webflow.com/preview/jamals-sublime-project-9a62d2?utm_medium=preview_link&utm_source=designer&utm_content=jamals-sublime-project-9a62d2&preview=61340d62a4ee4096ea4d789dcac3cb22&mode=preview