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

Question

[aiss]

Какие классы по БЭМу

<div class="advantages__wrap clearfix">

	<div class="advantages__item">
		<div class="???">
			<img class="???" src="img/advantages/1.png" alt="image">
		</div>
		<div class="???">
			<h3 class="???">Опыт работы</h3>
			<p class="???">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
		</div>
	</div>
	

</div>

Answer 1

[Андрей Инишев]

advantages__image, advantages__text
https://en.bem.info/methodology/quick-start/#nesting-1

Answer 2

[Дмитрий Кравченко]

советую использовать миксы. таким образом:

<div class="advantages__wrap clearfix">

  <div class="advantages__item advantage">
    <div class="advantage__image-wrap">
      <img class="advantage__image" src="img/advantages/1.png" alt="image">
    </div>
    <div class="advantage__content">
      <h3 class="advantage__head">Опыт работы</h3>
      <p class="advantage__text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>

Answer 3

[Михаил]

Ну тут вариантов пожалуй несколько, например просто продолжаем писать элементы, а можно использовать полноценные блоки (при необходимости ещё и вешать класс элемента), зависит от того будут ли эти блоки использовать не в контексте этого блока.
Вот например:

<div class="advantages__wrap clearfix">

  <div class="advantages__item">
    <div class=""advantages__preview">
      <img class="image" src="img/advantages/1.png" alt="image">
    </div>
    <div class=""advantages__text">
      <h3 class="title">Опыт работы</h3>
      <p class="text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>

а может быть и так

<div class="advantages__wrap clearfix">

  <div class="advantages__item">
    <div class=""advantages__preview">
      <img class="image advantages__img" src="img/advantages/1.png" alt="image">
    </div>
    <div class=""advantages__text">
      <h3 class="title advantages__title">Опыт работы</h3>
      <p class="text advantages__text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>

P.S. А вообще есть куча замечательных статей, после которых отпадет куча вопросов и всё само встанет на свои места.
Вот например одна из них (об ошибках которые часто допускают)
https://habrahabr.ru/post/305548/

Answer 4

[Андрей Верх]

К вариантам что написали, добавил бы ещё:

.advantages__item
.advantages__item-img
.advantages__item-text