is this rule this apply?

To set a block's position relative to other blocks, the best approach is usually to use a mix.

  <nav class="nav-grid">
    <div class="logo nav-grid__logo">
      <h1 class="logo__title">Beginning</h1>
    </div>

    <ul class="menu nav-grid__menu">
      <li class="item menu__item"><a class="item__link" href="#">Home</a></li>
      <li class="item menu__item"><a class="item__link" href="#">About</a></li>
      <li class="item menu__item"><a class="item__link" href="#">Contact</a></li>
      <li class="item menu__item"><a class="item__link" href="#">Products</a></li>
      <li class="item menu__item"><a class="item__link" href="#">Services</a></li>
    </ul>
  </nav>