I
I
Ivan2019-07-22 19:26:02
HTML
Ivan, 2019-07-22 19:26:02

Check for BEM errors?

Please check if BEM is correct. They said that .header__adaptive-menu-link- this is an element without a block, maybe then it should be renamed to .header-menu__adaptive-linkor just left .adaaptive-menu-link? If I understand correctly, then when I remove the name of the block, it becomes unclear what this element refers to, because there can be a lot of such adaptive menus theoretically

<header class="main-header">
    <div class="container header-menu">
      <div class="logo"><a href="#"><img src="img/content/logo.png" alt="Логотип"></a></div>
      <div class="header__apadtive-menu-link">
        <span>Menu</span>
      </div>
      <nav class="header-menu__nav">
        <div class="header__adaptive-menu_background">
          <ul class="header-menu__list">
            <li>
              <a class="header-menu__links" href="#">About</a>
            </li>
            <li>
              <a class="header-menu__links" href="#">Contact</a>
            </li>
            <li>
              <a class="header-menu__links" href="#">Catalog</a>
            </li>
            <li>
              <a class="header-menu__links" href="#">Blog</a>
            </li>
          </ul>
        </div>
        <a class="header-menu__login-link" href="#">Sign in</a>
      </nav>
    </div>
  </header>

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Daniil Maslov, 2019-07-22
@BenderIsGreat34

Use this resource for a basic check.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question