The new WordPress default theme includes a block of CSS to fix layout of the headers in browsers supporting the object-fit property.
The CSS makes use of feature queries. It’s the first time a WordPress default theme has used @supports and I’m really pleased to see it.
Despite wide browser support, feature queries are rarely seen in the wild. Feature detection started as a JavaScript technique and it’s easy to ignore a method that comes along later.
I was reminded about feature queries earlier this year when I saw Jen Simmons speak. I’ll be keeping them in mind more often.
