CSS Modern

Maintainable CSS with Grid, Flexbox, custom properties, container queries, cascade layers.

When to Use

Use when:

• Writing CSS styles for layouts and components
• Implementing responsive designs with Grid/Flexbox
• Using custom properties, container queries, @layer
• Creating animations and transitions

Don't use for Tailwind (tailwindcss skill) or MUI sx (mui skill).

Critical Patterns