Александр Присяжнюк

И у нас и у них самый популярный Бэм. На этом можно поставить точку, но нет. Еще есть тот же smacss, oocss, но они уже потихоньку отживают своё. Сейчас появились такие штуки как atomic css и itcss что-то типа нового веяния, но до бэма не дотягивают по популярности, пока.

Но бэм тоже потихоньку сбавляет, так как есть ccs in js и еще много всякой всячины, включая сам css, который тоже не стоит на месте.

Но на данный момент Бэм еще оставляет лидерство за собой.

Ну во-первых, нужно поработать над семантикой в html. Сборная div-янка это совсем не круто.
Вот два варианта реализации:
1)

<section class="content">
  <div class="content__text-wrap">
    <h2 class="content__title">Заголовок</h2>
    <p class="content__descr">Блок с текстом</p>
  </div>
</section>

2)

<section class="content">
  <div class="content__text-wrap article">
    <h2 class="article__title">Заголовок</h2>
    <p class="article__descr">Блок с текстом</p>
  </div>
</section>

А по поводу размера шрифта: большой разницы нет, всё зависит от контекста. Не забывайте про модификаторы. Верстать можно и так и сяк и наперекосяк.

Адаптив ломается потому что все эти плагины группируют и записывают media в конце вашего файла тем самым перебивая все модификаторы.

Правильного способа не существует, но я предпочитаю сначала определить одно правило для отдельного селектора и располагать определения любых изменений этого правила (например, изменения внутри медиазапросов) непосредственно после него. При этом мне не придется искать отдельные блоки кода, чтобы найти объявление, относящееся к конкретному селектору.

Казалось бы, вполне резонно выступить против вышеупомянутой технологии по причине ее многословия. Неужели один лишь размер файла может стать достаточной причиной для того, чтобы не записывать медиазапросы таким образом? В конце концов, никому не хочется иметь раздутый CSS-файл для обслуживания своих потребностей. Но нужно считаться с тем простым фактом, что gzip-сжатие, которому должны подвергаться все возможные ресурсы на вашем сервере, сокращает разницу до совершенно ничтожных величин.

Вот еще, почитайте : https://benfrain.com/inline-or-combined-media-quer...