Как организовать структуру этой части сайта по БЭМ методологии?

Question

[Bobr_10]

Как организовать структуру этой части сайта по БЭМ методологии? Прошу привести пример. Можно просто сверстать с помощью div-тегов, для меня главное то, как же именно будут выглядеть классы элементов, блоков.

Answer 1

[Timur Kostenko]

<header class="header">
  <div class="header__logo">logo</div>
  <div class="header__controlls">
    <nav class="nav header__nav">
      <ul class="nav__list">
        ...
        <li class="nav__list-item">nav item</li>
      </ul>
    </nav>
    <div class="header__buttons">
      <button class="button">Войти</button>
      <button class="button button--primary">Зарегистрироваться</button>
    </div>
  </div>
</header>

Comments

[Bobr_10]

Спасибо!