Introduction of BEM
BEM stand for
Block Element Modifier ,
Block__Element--Modifier . It is a methodology that helps you to create reusable components and code sharing in front-end development .
It is developed by the team at Yandex .
.block__element--modifier this is proper pattern of bem .
- It’s easy for new team members to read the markup and CSS, and understand its behavior
- Adding more developers increases team productivity
- Consistent naming reduces the possibility of class name collisions and side effects
- CSS is independent of markup
- CSS is highly reusable