What is BEM??
In this video, I am going to be answering the question — what is BEM — and how it can help you write clear CSS that scopes your styles to their components. No more fighting with CSS classes that override each other!
BEM gives you a systematic way to manage your CSS classes and styles in your HTML without utility classes that come with popular CSS frameworks such as Bootstrap, Bulma and Tailwind CSS.
0:00 Intro
0:50 What does BEM stand for?
1:15 An example of a block, element, modifier in a CSS file
2:42 Adding the BEM classes to the HTML
3:13 Don't reuse blocks if they're going to be styled differently
3:45 Don't rely on the cascade and inheritance
4:32 Showing the example GitHub repo with the BEM example code
4:51 Three top reasons why someone should learn BEM
GitHub: https://github.com/whitep4nth3r/what-...
Join me live on Twitch: / whitep4nth3r
Follow on Twitter: / whitep4nth3r
Blog post: https://whitep4nth3r.com/blog/what-is...
#css #html #webdev