** According to the official BEM website **
Create a block: If a section of code can be reused and does not rely on other page components being implemented.
Create an element: If a section of code cannot be used separately without the parent entity (the block).
I have an "about section" block. Its elements depend on the parent and are not reusable on the website. How should I structure this code according to BEM? This code is breaking the BEM rule because it's BEM, not BEEM.
<section class="about">
<div class="about__container">
<div class="about__header">
<h2 class="about__title">about title</h2>
<p class="about__sub-title">about sub title </p>
</div>
<div class="about__stats">
<div class="about__stats__item">
<div class="about__stats__title">stats title</div>
<div class="about__stats__sub-title">stats sub title</div>
</div>
</div>
<div class="about__features">
<div class="about__features__item">
<div class="about__features__icon">features icon </div>
<div class="about__features__title">features title </div>
</div>
</div>
</div>
</section>