search

perpetual-education-personal / pssst-css

A CSS methodology so great, it needed a name...
9 stars 10 forks source link

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

Open perpetual-education-personal opened 5 months ago

perpetual-education-personal commented 5 months ago

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

prolixmagus commented 1 month ago

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?