Skip to main content

Add SVH Units

SVH is similar to VH except on mobile (I believe specifically iPhones) where on an iPhone when you you load a section at 100vh it uses the entire browser browser app’s viewport height which results in part of the section behind hidden below the address bar that initially loads with a page before scrolling down. 100svh respects only the visible viewport and won’t load behind the address initial address bar.

2 comments

Log in to comment and vote

Comments2

  • Sridhar Katakam

    •

    Apr 24, 2025

    We can just type 100svh in the height field and it will work.

    • Chase Bailly

      •

      Apr 24, 2025

      Yeah they don’t seem to limit manually typed units but I figured since they already have everything else under the sun in there might as well add svh lol