I am new to webflow and am having issues with the landing page I am making. Everything is fine on my big monitor when I scroll through the different breakpoints, but when I drag the window onto my laptop screen the hero text content gets pushed to the next section down. I adjusted the top margin and it looks fine, but when I drag the window back up to my large monitor the content is up around the top of the page. I would appreciate any help or suggestions.
If you set your hero to 100vh it will be 100% of viewport height:
height: 100vh; means the height of this element is equal to 100% of the viewport height.
example: height: 50vh;
If your screen height is 1000px, your element height will be equal to 500px (50% of 1000px).
Then if you want the text stuck to the bottom left you has can set it to absolute positioning and adjust from there.
Thank you so much Kyle. I appreciate the help.