♾️ Infinite Pixels
Eric Meyer pushes the boundaries:
I was on one of my rounds of social media trawling, just seeing what was floating through the aether, when I came across a toot by Andy P that said:
Fun #css trick:
width: calc(infinity 1px);
height: calc(infinity 1px);
…and I immediately thought, This is a perfect outer-limits probe! By which I mean, if I hand a browser values that are effectively infinite by way of theinfinity keyword, it will necessarily end up clamping to something finite, thus revealing how far it’s able or willing to go for that property.
A couple of interesting surprises for all the nerds out there (and yours truly, of course), particularly when it comes to behavior across different browsers.
(Also, why does iOS consider "nerdery" to be a spelling error when it's in its very own built in dictionary? Because it's considered "informal" I suppose. Rude.)