How should BEM classes be called here?

Question

css

What are the BEM classes

<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

I recommend using mixes . thus:

<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

Well, there are perhaps several options, for example, we just continue to write elements, or you can use full-fledged blocks (if necessary, also hang the element class), it depends on whether these blocks will be used not in the context of this block.
For example:

<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>

and maybe so

<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>

PS In general, there are a lot of wonderful articles, after which a lot of questions will disappear and everything will fall into place by itself.
For example, here is one of them (about mistakes that are often made)
https://habrahabr.ru/post/305548/

Answer 4

To the options that they wrote, I would add:

.advantages__item
.advantages__item-img
.advantages__item-text