Здравствуйте.
Долго думал использовать ли сетку или нет, пришел к выводу что нужно. Выбор стоит между миксинами bootstrap 4 и susy.
Ну и сам вопрос как совмещать сетку с БЭМ?
К примеру, такие блоки как кнопка или поле ввода сетка не затрагивает. А вот блок хедер – там в большинстве случаев и меню и логотип и контакты и поиск и т.д., а это уже сетка.
Делать сетку из элементов хэдера .header__logo, .header__menu или добавлять классы к этим элементам .header__logo .col-2?
Или верстать сетку, а элементы в нутрии?:
<div class="col-2">
<a href="/" class="header__logo">
Заранее спасибо.
<!-- Вариант #1 -->
<header class="header">
<div class="header__in">
<a href="#" class="header__logo logo">LOGO</a>
<nav class="header__menu menu">
....
</nav>
</div>
</header>
<!-- Вариант #2 -->
<header class="header container">
<div class="header__in row">
<a href="#" class="header__logo logo col-2">LOGO</a>
<nav class="header__menu menu col-10">
....
</nav>
</div>
</header>
<!-- Вариант #3 -->
<header class="header">
<div class="container">
<div class="row">
<div class="col-2">
<a href="#" class="header__logo logo">LOGO</a>
</div>
<div class="col-10">
<nav class="header__menu menu">
....
</nav>
</div>
</div>
</div>
</header>
Простой
