Gap at bottom of website

[Alex_Hubbuck]

I have created a site for the company I work for, I have very basic knowledge of websites but have managed to create a nice working site.

The only issue is, I have a large gap at the bottom of the page.

I have tried checking all div boxes close to the bottom. I have reduced the margins for the background video. I just cant see any issues?

Does anyone have any ideas?

Thanks

Alex

https://preview.webflow.com/preview/think-audio-visual?utm_medium=preview_link&utm_source=designer&utm_content=think-audio-visual&preview=1d874a9fda0716feb573256119100f21&mode=preview

[webdev (Jeff Selser)]

Congratulations on your first site, looks nice. Please share a URL to the published project (webflow.io), that way we can test in a browser.

[Alex_Hubbuck]

Thanks, Took a fair old while but I really enjoyed it!

Heres the published site:

https://think-av.com/#Video-Section

[webdev (Jeff Selser)]

Are you talking about this?

What browser/OS combo did you get the screenshot from?

[Alex_Hubbuck]

Yes this is the gap. I am using Chrome, now you have mentioned different browsers I have just checked Safari and this does not have the same issue.

Confused.com lol

[webdev (Jeff Selser)]

@webdev

OS

So was that Chrome on OS X?

[dram (Alex Dram)]

You may want to try giving your youtube element absolute positioning with alignment set to full.

Try it and see if that helps.

[Alex_Hubbuck]

Apologies, Yeah Chrome on OS X

[Alex_Hubbuck]

Thanks!! It worked with the gap at the bottom!

[dram (Alex Dram)]

This is good to hear! Enjoy designing!