How to organize for BEM or the dependent blocks.?

<Product list>
 <Header product list> <!--The title of product list-->
 <Product list>
 <Product picture> <!--The product picture-->
 <Product name> <!--Product name-->
 <!--Product list-->
<!--Products list-->

How to organize for BEM or the dependent blocks.
So, correct?
<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>
September 19th 19 at 00:22
1 answer
September 19th 19 at 00:24
item here is more convenient to make the block and not element

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

Find more questions by tags HTMLCSSLayoutBEM