Answer the question
In order to leave comments, you need to log in
Is it possible to do this in BEM?
<header>
<a href="" class="logo"></a>
<div class="main-menu__wrapper">
<menu class="main-menu">
<a href="" class="main-menu__item">О сервисе</a>
<a href="" class="main-menu__item">Функции</a>
<a href="" class="main-menu__item">Возможности</a>
<a href="" class="main-menu__item">Партнеры</a>
</menu>
<a href="" class="btn">Оставить заявку</a>
</div>
</header>
Answer the question
In order to leave comments, you need to log in
Most likely, main-menu__wrapper is already part of the header, not the menu. Make it an element for the header.
<header class="header">
<a href="" class="logo"></a>
<div class="header__menu-container">
<menu class="main-menu">
<a href="" class="main-menu__item">О сервисе</a>
<a href="" class="main-menu__item">Функции</a>
<a href="" class="main-menu__item">Возможности</a>
<a href="" class="main-menu__item">Партнеры</a>
</menu>
<a href="" class="btn">Оставить заявку</a>
</div>
</header>
A wrapper is a wrapper for an element to achieve the desired display, and I associate it with a single element. In this case, I would use other names, inspired by the Bootstrap 4 naming.
<header>
<a href="" class="logo"></a>
<div class="main-menu">
<menu class="menu-nav">
<a href="" class="menu-nav__item">О сервисе</a>
<a href="" class="menu-nav__item">Функции</a>
<a href="" class="menu-nav__item">Возможности</a>
<a href="" class="menu-nav__item">Партнеры</a>
</menu>
<a href="" class="btn">Оставить заявку</a>
</div>
</header>
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question