In the last lesson, you were introduced to DRY (Don’t Repeat Yourself) development concepts, the tokenization of website styling, and the importance of scalability, maintainability, consistency, and so on.
Read more: PB101: L07 – CSS Variables & “DRY” Development PrinciplesThis lesson builds on those concepts by introducing global element styling, BEM classes, utility classes, and the universal selector. I also touch on why ID styling is undesirable in most cases (even though page builders tend to encourage it).
This is a pillar video in the course for three reasons:
- It corrects most web designers’ biggest mistake with page builders – styling at the ID level.
- It answers the super common question, “How do I know when to use BEM classes, utility classes, or global styling?”
- It teaches a proven method for organizing your classes (BEM), which is essential for properly managing a class-first workflow.
If you want a deep dive on BEM, you should watch this video
I also did a deep dive on BEM classes vs utility classes here