Sections height and Viewport

Site URL: https://mango-blue-nczx.squarespace.com

Hello,

I am starting a new site and looking to have the landing page fit full screen, with no scroll. Just text box fixed at the top and big logo fixed at bottom (no matter the viewport size, from desktop to mobile) – with same margin all around.

Right now, I can't find the proper way to make all margins equal, eliminate the extra scroll, and keep the big logo stuck to the bottom. It is currently built using 2 separate sections, is there a better way to do it?

Please help 🙂 Thanks in advance

Pass: gogo

Add to Design > Custom CSS

body#collection-6015d51ba094b02e3389de42 {
    overflow: hidden;
}