CSS is no longer a thin layer of decoration. Grid, container queries, custom properties, logical properties, modern selectors, and fluid functions can express sophisticated systems without importing a second vocabulary.
Native knowledge travels
A utility framework may change between projects. The cascade, intrinsic sizing, formatting contexts, and accessibility consequences do not. Knowing those foundations makes every abstraction easier to evaluate.
Less machinery, clearer intent
For focused sites, a small token layer and well-named components often outperform a large toolchain in clarity. There is less configuration, less generated output, and a shorter path from the browser inspector to the source rule.
- Use Grid for two-dimensional relationships.
- Use Flexbox for content-driven rows and columns.
- Use
clamp()for genuinely fluid scales. - Let semantic HTML carry state whenever it can.
Mastery creates options
Vanilla CSS is not an ideology. It is leverage. Once the platform is familiar, a developer can work effectively inside any framework—and recognize when the framework is solving a problem that does not exist.