The viewport-fit Meta Setting

How `viewport-fit=cover` extends a page edge to edge on notched devices, and how to pad content back into view.

Content tagged viewport-fit

• Tutorial:Padding Around the Notch with env()

  Pad fixed UI around notches with env().

  The env() CSS function reads environment variables the browser defines outside your stylesheet — most commonly the four safe-area-inset-* values — letting fixed/sticky content pad itself around a device's notch, home indicator, or rounded corners without hardcoding per-device pixel values.