Соответствует ли этот код БЭМ-методологии?

Question

[Name_23]

Соответствует ли данная разметка БЭМ-методологии или нужно поменять?
works-item в works__item
works-box в works__item-box
works-img вworks__item-img

<section id="works" class="works">
    <div class="row">
        <div class="works-item">
            <a href="img/work-1.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-1.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-2.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-2.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-3.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-3.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-4.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-4.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-5.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-5.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-6.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-6.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-7.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-7.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-8.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-8.jpg" alt="" class="works-img">
            </a>
        </div>
    </div>
</section>
<!-- works -->

Comments

[Алексей Дубровин]

Без стилей ничего сказать нельзя.
Визуально верно.

Answer 1

[Андрей Мартынкевич]

Ну для того чтобы понять нужно создавать блок или элемент давайте узнаем что из себя представляет блок и элемент(*ссылочка на источник*). Блок - это компонент страницы, который может быть повторно использован. Элемент - это составная часть блока, которая не может использоваться в отрыве от него. В вашем случае вы используете блок works-item, конечно можно создавать новые блоки(works-box и works-img) Вам никто не запретит, но зачем? Если стили для ссылки и картинки уникальны внутри блока works-item, то лучше использовать элемент. Если стили где-то ранее использовались или будут использоватся, то лучше создать блок для повторного использования в дальнейшем.

Comments

[FrelFrloich]

а лучше понять, нужен ли бэм вообще.