Можно ли так называть классы по БЭМ?

Genri_Rus, а чего бы вам с ним напрямую не пообщаться?
Я и за пустые теги ругаю, а уж за левые нули просто уволила бы к черту.

Можно ли так называть классы по БЭМ?

Genri_Rus,
да как хотите так и делайте. Нравится svg делайте svg, хочется чисто css - делайте на css. Зачем вам ноль внутри спана я не знаю.
Я за единообразие, т.е. либо так либо так. Но никто не мешает взять svg только для одного состояния.

Сути это не меняет.
Одна кнопка. Стили меняются в зависимости от модификатора. Модификатор меняется на js.

Как растянуть подменю на всю ширину .container?

Antonio09,
Для ширины - у li relative убрать, к ul добавить.
Стрелка - псевдо от ссылки.

Не умею верстать PSD макеты?

Как научиться верстать без проблем?

Можно ли так называть классы по БЭМ?

<button class="toggle toggle--open" >
<svg class="триграм"></svg>
<svg class="крестик"></svg>
</button>

Когда open, то показывается триграм, крестик скрываете. Когда close наоборот.

И спанчик с текстом не забудьте для доступности.

Можно ли так называть классы по БЭМ?

Genri_Rus, если у вас при ховере крестик менчется на галочку, что вы делаете?
Тут тоже самое, только при смене класса у кнопки.

Можно ли так называть классы по БЭМ?

Я уже отвечала на этот вопрос.

Можно ли так называть классы по БЭМ?

Genri_Rus, вы можете писать любой код, который выдумаете. Особенно, если он работает.
Думаю, мы всё обсудили.

Можно ли так называть классы по БЭМ?

Genri_Rus, )))))
Просто выберите вариант, который вам больше нравится.
Невозможно тратить на это столько времени.

Можно ли так называть классы по БЭМ?

, т.е. если бы у меня меню было бы сокращенное, то нужно было использовать класс menu-mobile ?

Проще убрать лишние пункты.
Например, не показывать подменю.

Если одно из другого вообще не делается, то разные.

Но это не ваш случай.

Можно ли так называть классы по БЭМ?

Genri_Rus, в большинстве случаев на мобилке и десктопе показывают одну и ту же информацию. Возможно, в другом виде, возможно сокращенную. Например, текст заменяют на иконки, а меню убирают в бургер.
Но это одна и та же информация. Значит, классы не зависят от того, на каком устройстве будут показаны.

А когда используют название у класса menu-mobile ?

Когда не в состоянии подвинуть меню или другой элемент из мобильного положения в десктопное без дублирования и или сделать это на js.

Можно ли так называть классы по БЭМ?

Genri_Rus,

Так проблема в том, что флекс в мобильной версии сделает меню в строку

это не проблема

Можно ли так называть классы по БЭМ?

Genri_Rus, у меня такое чувство, что еще через полчаса выяснится, что я уже кормлю вас обедом на своей кухне, а вы спрашиваете и почему посуда не помыта.

Надеюсь, что вы умете флексом или гридом менять порядок элементов.

Можно ли так называть классы по БЭМ?

Genri_Rus,

я к тому, что slick slider вроде на флексы плохо реагирует

Откуда же вы новые условия выкапываете...

Не используйте slick, вряд ли вас заставляют.
Если слик: то слик выставит вам li в ряд вместо флекса флоатом. И слик также не умеет флекс у самих слайдов. Поскольку, у вас слайд это li'шка и флекс ей по большому счету по барабану, то на погоду не повлияет.
Плюс: не нужна доп.обертка.

Если всё таки использовать современное решение без jq зависимости, swiper, то он умеет флекс. Но придется делать доп.обертку или даже 2.

Можно ли так называть классы по БЭМ?

Genri_Rus, и что это меняет? )))
Смотря как его делать, максимум даст обертку вокруг списка.

Можно ли так называть классы по БЭМ?

Genri_Rus, очень быстро и очень на коленке что-то типа того https://jsfiddle.net/ndxc5p8q/

Можно ли так называть классы по БЭМ?

Genri_Rus, если бы я решила использовать позиционирование, то делала бы наоборот, поиск и его соседей делала абсолютом.

Можно ли так называть классы по БЭМ?

Genri_Rus,

спасибо за наводку, а почему именно не navbar ?)

Нравится слово navbar пишите navbar.

Вы сильно все упростили

Я могу и весь сайт сверстать и стили написать ))) Но боюсь, что моего альтруизма не хватит на то, чтобы делать это бесплатно.
Думаю, что вы сами можете разметить форму поиска, иконки избранного, корзины и т.д. Больше я вроде ничего не упрощала.

а разве menu-top и menu-bottom на декстопе можно объединить в один nav ?

Представьте, что вы ничего не знаете про стили. И будете читать разметку. Что вы поймете? Что есть навигация из двух списков, в одном меню каталога и в другом стандартная менюшка сайта/инетмагаза.
Отлично, всё понятно.

Можно ли так называть классы по БЭМ?

Genri_Rus,

<header class="header">
<a class="header__city-choise city-choise" href="">Москва</a>

  <button class="menu-toggle menu-toggle--open">
    <span class="visually-hidden">Открыть/закрыть меню</span>
  </button>
  <a href="/" class="logo">
    <img class="logo__img" src="http://img.ava.ua/img/products/343/343930/2551422.jpg">
  </a>
  <div class="header__search-panel search">
    <form action="search__form"></form>
    <a href="" class="search-btn">
      <span class="visually-hidden">Открыть поиск по странице</span>
    </a>
  </div>
  <div class="header__user-nav user-nav">
    ❤⛹
  </div>

  <nav class="header__nav menu menu--opened">
    <ul class="menu__list menu__list--main">
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
    </ul>
    <ul class="menu__list menu__list--catalog">
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
    </ul>
  </nav>
</header>

Гриды или абсолюты в помощь.

Использовать SVG или увеличенные изображения для Retina дисплеев?

weranda, потому что в большинстве случаев он изначально такой. Логотип это эмблема, символ, какой-то знак, рисовать его в векторе самое умное.
Если в нем есть шрифты, их тоже переводят в кривые.
Чтобы его можно было размещать где угодно, на каком угодно размере и не зависеть ни от чего.