Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Should we add svh - or grid for the sticky footer? #17

Open
perpetual-education-personal opened this issue Mar 31, 2024 · 1 comment
Open

Comments

@perpetual-education-personal
Copy link
Collaborator

main {
min-height: 100vh;
min-height: 100svh; // ??
}

@prolixmagus
Copy link
Contributor

After scouring a few articles...

"SVH differs from DVH in that it assumes that elements like the address bar, etc., are not being displayed and, therefore, removes the auto-resizing issues present in DVH ... Iin most instances, SVH offers a more consistent approach to handling the height of your content onscreen but may also have some content obscured when additional elements appear onscreen – things like your address bar, etc."

So, better for mobile and scrolling to use svh, but once stopped, it could affect the content? But nice to have the option?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants