-
I’m using the
env(safe-are-inset-{left,right})
CSS function (developer.mozilla.org/en-US/docs/Web/CSS/env) on my new old blog (blog.tomayac.com/2019/09/29/the-redesigned-blogccasion-is-live/); and (completely biasedly) have to say: it looks gorgeous 🤩 on my notch phone 📱. Easy to implement, too: github.com/tomayac/blogccasion/blob/47fa691f9e91cc0ad69358683ddaca047df305db/css/main.css. -
Funny how the screenshot lies about the notch and just fills it with the background pattern. It’s not magically gone of course, but barely noticeable. The original article by @hortont424’s here: webkit.org/blog/7929/designing-websites-for-iphone-x/. Glad
env()
is being standardized: drafts.csswg.org/css-env-1/.