Lay out a Web Page Correctly on iPhones with Notches in Landscape
The WebKit documentation on the topic of Designing Websites for iPhone X is thorough and rich. The pictures make clear the finer details of what's required to take into account the safe areas.