Remove extra space at bottom of screen

Hi everyone!

I used CSS to remove the header and footer on my home page to create a landing page instead. Unfortunately, however, there is some extra space at the bottom of the screen (see screenshot). My images and elements are down as far as possible, but the space is still there. When I go to viewing mode, it's even larger. Any ideas?

Site URL: https://goldfish-tambourine-jr97.squarespace.com/

Site password: oneoakbrands

PS: this is the CSS I used:

#collection-63f529e50f88d92b2f3bf2b0
{footer, header {display:none!important}}

Add to Design > Custom CSS

body.homepage article section:first-child {
    height: 100vh !important;
    overflow: hidden;
}

@tuanphan Thank you for replying -- unfortunately, this just created space above as well as below. Here's a screenshot.  Any ideas?

On 2/28/2023 at 11:19 PM, oneoakbrands said:

@tuanphan Thank you for replying -- unfortunately, this just created space above as well as below. Here's a screenshot.  Any ideas?

 

 

Which screen sizes?

It looks fine to me. Screenshot: https://prnt.sc/iRnMkZYDRkhJ

@tuanphan Hmm... maybe it's fine! I was seeing it on desktop. But if you're not seeing it, maybe it's all good. Thanks for your help!