Safe area

The region guaranteed clear of notches, rounded corners, and the home indicator. Content extends edge-to-edge, but interactive and essential content stays within the safe area.

env(safe-area-inset-bottom) keeps a bottom bar above the home indicator.

Tap the example to replay it · press and hold to slow it down