Adjusting padding bottom for navigation in iOS and Android ios

Adjusting padding bottom for navigation in iOS and Android

Bottom navigation sitting too close to the screen edge on iPhone X and newer? The fix for iOS and Android PWAs is the safe area: use CSS env(safe-area-inset-bottom) to adjust the bottom padding so the bar clears rounded corners and the home indicator.

Nov 6, 2023