12 Modern CSS One-Line Upgrades

A handy run down of newer stable, stable enhancement and progressive enhancement CSS features by Stephanie Eckles.


This is such a handy run-down of CSS features that have a really high support level that you might not have realised.

One that surprised me was how well supported the logical property shorthands like margin-inline are. I, for some reason, thought the explicit ones like margin-inline-start were super well supported, but less so the shorthands. Every day is a school day!

I’m also surprised at how many of the stable enhancements I’ve been using in production without even thinking much about browser compatibility 😬

Check it out