Можно ли так писать по bem?:
1)
<div class="l-about">
<div class="l-about__inner">
<div class="l-about__left">
<div class="history">
<h1 class="l-about__title">Большой заголовок</h1>
<div class="history__timer"></div>
<div class="history__banner"></div>
<div class="l-about__section">
<h4 class="l-about__sub-title">Заголовок по меньше</h4>
<p class="l-about__text">Текст</p>
</div>
</div>
</div>
<div class="l-about__right">
<div class="about-sidebar"><!-- code --></div>
</div>
</div>
</div>
2)
<div class="l-about">
<div class="l-about__inner">
<div class="l-about__left">
<div class="history shared-about-elements">
<h1 class="shared-about-elements__title">Большой заголовок</h1>
<div class="history__timer"></div>
<div class="history__banner"></div>
<div class="shared-about-elements__section">
<h4 class="shared-about-elements__sub-title">Заголовок по меньше</h4>
<p class="shared-about-elements__text">Текст</p>
</div>
</div>
</div>
<div class="l-about__right">
<div class="about-sidebar"><!-- code --></div>
</div>
</div>
</div>