Is it possible to call BEM classes like this?

Question

BEM

<div class="navbar-center">
  <div class="navbar-center__menu menu-mobile">
    <div class="menu-mobile__icon">
      <span class="menu-mobile__line">0</span>
    </div>
    <div class="menu-mobile__modal">
      <div class="menu-mobile__header">
        <div class="menu-mobile__header-title">Меню</div>
        <div class="menu-mobile__header-close"></div>
      </div>
      <div class="menu-mobile__block">
        <ul class="menu-mobile__list">
          <li class="menu-mobile__item">
            <span class=""></span>
          </li>
          <li class="menu-mobile__item"></li>
        </ul>
      </div>
    </div>
  </div>
</div>

Mobile version of the menu.

Is the menu-mobile__block class appropriate or is it still possible to use some other name?

Answer 1

1. Names should be clear. Without the layout itself in front of the nose.
2. You have row-space--betweencrap here, it seems, if I understand correctly, it should be like thisrow--space-between