I'm trying to build a login page inspired by Vercel's login page, but i cant manage to. The reason is because in their login page, there's 4 components, im going to call them "header", "form container", "Sign up container" and "footer"
The problem is that, the 3 first components fits the viewport, and the footer comes just after the viewport first scene (after scrool down). So the header has a fixed height and the sign up cta container also has a fixed height, but the form container has a variable height, that (for the footer to be right after the viewport height) needs to be VIEWPORT HEIGHT - HEADER HEIGHT - FOOTER HEIGHT. Is there a way to make this math in the height value of a container? is there a way to reference the height of another element in the screen in this math?