---
title: "Discussion on \"What is BEM and why use it to name your HTML classes!\" | Hashnode"
description: "Discussion on \"What is BEM and why use it to name your HTML classes!\". Good day!\nToday 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!\n##What is BEM?\nBEM (Block, Element, Modifier) is a naming convention for classes in HTML and CSS what w..."
url: "https://hashnode.com/posts/what-is-bem-and-why-use-it-to-name-your-html-classes/5fa7ff93774df85ae0e48470"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [What is BEM and why use it to name your HTML classes!](https://pachicodes.hashnode.dev/what-is-bem-and-why-use-it-to-name-your-html-classes?utm_source=hashnode&utm_medium=feed)

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...

Nov 8, 2020 · 2 min read · pachicodes.hashnode.dev  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#css3](https://hashnode.com/tag/css3)

## Written by

[Pachi](https://hashnode.com/@pachicodes)

@pachicodes · New Jersey, USA

  
[View profile](https://hashnode.com/@pachicodes)

DevRel Engineer/ Streamer

## Responses 3

Markdown supported · ⌘↵ to post

[Umair Hafeez](https://hashnode.com/@umairhafeez)

[Nov 11, 2020](https://hashnode.com/posts/what-is-bem-and-why-use-it-to-name-your-html-classes/5fa7ff93774df85ae0e48470/comment/5fab622fd6009557c49f6027)

Very good write up [Pachi](https://hashnode.com/@pachicodes), 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](https://css-tricks.com/abem-useful-adaptation-bem/).

Hope you find it interesting 🙂

[Rojhan Paydar](https://hashnode.com/@Rothecoder)

[Nov 9, 2020](https://hashnode.com/posts/what-is-bem-and-why-use-it-to-name-your-html-classes/5fa7ff93774df85ae0e48470/comment/5fa9493004e4a94a40f0cce7)

Great job PACHI!

[Koketso Mawasha](https://hashnode.com/@Koketso)

[Nov 8, 2020](https://hashnode.com/posts/what-is-bem-and-why-use-it-to-name-your-html-classes/5fa7ff93774df85ae0e48470/comment/5fa821ec774df85ae0e48768)

Concise and thorough explanation! ♥️ Implementing this on my next projects to give it a try