Идея в том, чтобы добавлять отступы от краев экрана чтобы челки не закрывали контент
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
В этой статье
https://css-live.ru/articles/ponimanie-vyuporta-we... есть объяснение что как и почему на iOS устройствах.