Modern CSS

The CSS spec has evolved dramatically. Many old hacks — absolute-position centering, padding-top aspect ratios, JS scroll listeners, Sass color functions — now have clean, native replacements. This skill ensures you always reach for the modern approach first.

Reference: modern-css.com — all techniques sourced from this site. Visit individual pages for live demos and deeper explanations.

Support data: Browser support percentages represent global user coverage from caniuse.com, last updated February 2026. These numbers shift as browsers release updates — verify on caniuse if precision matters for a project.

How to Use This Skill

When writing or reviewing CSS:

1. Always use techniques in the Widely Available tier (90%+ support) without asking. If you spot legacy patterns, refactor them to the modern equivalent.