If you weren't paying attention, Google announced the Pixel 3 XL today, and it has a notch! Yep, that dreaded notch that some developers loathe, but the consumers seem to be okay with.
Today's announcement from Google means that as an industry we're headed towards non-rectangular viewports where one cannot assume that a CSS width declared @100% will be equal to 100% available width on the viewport, especially around the notch in landscape mode.
Thankfully, there's an easy standard fix for this issue as described on the following blog post. Quite interesting to note that Google announced CSS support for notched devices barely a month ago and followed it up with a notched phone themselves.