I need help on my product landing page

[Jccnnn]

Hello there. I have this problem on my project. How do i fix this?

. The only thing i know, for now, is to fix it is by using overflow property.

But i want it to be like this

where the page content is not affected by screen height.

Here’s my project: https://codepen.io/jccnnn/full/GRoPwVW

[samolex]

You are causing the height of form and div#contact to remain the same.
If you remove the height property set on both. it think it will work fine.
But if would still love to set some height, maybe you should do height: min-content | max-content;