Правильный блок по методологии БЭМ?

Question

[WebVerstka]

Доброго времени суток!

Осваиваю верстку по методологии БЭМ. Подскажите, пожалуйста, это правильный блок по методологии БЭМ ?

<section class="block">
        <div class="block__container container">
            <h3 class="block__title title"></h3>
            <h4 class="block__subtitle subtitle"></h4>
            <div class="block__inner">
                <div class="block__left-side">
                    <ul class="block__items">
                        <li class="block__item">
                            <h5 class="block__item-title"></h5>
                            <p class="block__item-text"></p>
                            <img class="block__item-images" src="#" alt="">
                        </li>
                    </ul>
                </div>
                <div class="block__right-side">
                    <ul class="block__items">
                        <li class="block__item">
                            <h5 class="block__item-title"></h5>
                            <p class="block__item-text"></p>
                            <img class="block__item-images" src="#" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

Comments

[Вадим]

Ну, позволю себе прокомментировать:
• block - название не несущее смысла. С учётом разметки, считаю стоило бы назвать section вместо block.
• зачем Вам и block__container и container? Допустим, container - Это глобальный блок-обёртка для контента, на основе которого работает весь адаптив. у block__container есть какие то свои уникальные свойства, которые неотъемлемы от блока block? Если да, то ок.
• аналогично про title и subtitle. Если есть какие то общие стили вроде шрифта и жирности для всех (под)заголовков, а в block__title и block__subtitle Вы указываете размер, например, то ок.
• left-side и right-side не лучшие названия. Как это будет выглядеть на мобильном? велика вероятность что друг под другом. И тогда left и right уже не актуально. Нужно что-то более нейтральное. block__column например.
• block__items - этот список элементов выглядит так только внутри .block? Если да, то ок.
• block__item - если это будет просто div вне списка, он должен выглядеть точно так же? Вне блока .block этот элемент не существует? Если да, то ок.
• block__item-images но картинка то одна.

[WebVerstka]

Вадим, Спасибо за комментарий !