Using safe-area-inset to build mobile-safe layouts

It'd be nice to see screenshots from real mobile browsers.

Currently, it is not possible to use viewport-fit=cover to show content under the status or address bars in iOS 26 Safari,[0] even though ironically Apple introduced it for the iPhone X.[1] viewport-fit=cover only has an effect when the site is added to the home screen, where like Android it determines whether the site can render under the home bar, but the status bar remains black.

[0]: Try this in iOS Safari: https://sheeptester.github.io/hello-world/test/100vh-cover.h... [1]: https://webkit.org/blog/7929/designing-websites-for-iphone-x...