Closing thoughts

CSS

Code clarity

BEM is easy to read and easy to understand.

Framework agnostic

CSS can be distributed independently.

More code

Components with complex styles can become bloated.

Namespaced styles

Class name prefixing eliminates risk of collisions.

Reduced file size

The compiled CSS only includes the necessary declarations.

Limited distribution

Styling can’t be easily shared with other projects.