Как организовать по БЭМ или не зависимыми блоками.?

Question

[kid-programmer]

<Список продуктов>
     <Заголовок списка продуктов>  </Заголовок списка продуктов>
          <Продукт в списке>
               <Картинка продукта> </Картинка продукта>
               <Название продукта> </Название продукта>
          </Продукт в списке>
</Список продуктов>

Как правильно организовать по БЭМ или не зависимыми блоками.
Так, правильно?

<div class="product-list">
    <h2 class="product-list__title"></h2>
    <div class="product-list__item">
        <div class="product-list__img"></div>
        <div class="product-list__title"></div>
    </div>
</div>

Answer 1

[un1t]

item тут удобнее сделать блоком, а не элементом

<div class="product-list">
    <h2 class="product-list__title"></h2>
    <div class="product-item">
        <div class="product-item__img"></div>
        <div class="product-item__title"></div>
    </div>
</div>