What is BEM and why use it to name your HTML classes!
Good day!
Today I will be talking about one of the tools I use on my web development projects that makes me code prettier and my life easier: BEM!
##What is BEM?
BEM (Block, Element, Modifier) is a naming convention for classes in HTML and CSS what w...
pachicodes.hashnode.dev2 min read
Umair Hafeez
Front End Architect | Tech Lead | Full Stack Web Developer | MCP
Very good write up Pachi, no doubt BEM is very useful and helps avoid the mentioned issues.
While working on a Design System project, we ended up having pretty long names, especially when the components had variants. So we found out an interesting adaption of BEM, called ABEM. You can read more about it here.
Hope you find it interesting 🙂