Как сверстать этот блок по БЭМ?

Question

[Ростислав]

Есть почти одинаковые блоки (штук 4 ). Хочется их сверстать правильно, может не совсем по БЭМ, но хотя бы примерно.


Получилась такая вот лабуда.
Не пойму как его лучше сверстать.
Делать один основной блок .evaluate а внутри него уже менять стили по типу: .evaluate__left--style2 ?
Или делать все отдельно: .evaluate-1, .evaluate-2, .evaluate-3 и т.д. (то есть под каждую разновидность блока другая html разметка)?

<div class="evaluate-v1">
            <div class="evaluate-v1-left">
                <div class="evaluate-v1-left__title">Оцените стоимость ремонта и окраски онлайн</div>
                <div class="btn btn--blue evaluate-v1-left__btn">Перейти в калькулятор</div>
            </div>
            <div class="evaluate-v1-right">
                <div class="evaluate-v1-right__title-and-btn">
                    <div class="evaluate-v1-right__title">Оцените стоимость покраски и ремонта по фото!</div>
                    <div class="btn btn--blue-bordered btn--full-width evaluate-v1-right__btn">Загрузить фото</div>
                </div>
                <div class="evaluate-v1-right__contacts">
                    <a href="" class="viber-link evaluate-v1-right__viber"></a>
                    <a href="" class="whatsapp-link evaluate-v1-right__whatsapp"></a>
                    <a href="" class="phone-link evaluate-v1-right__phone">[phone]</a>
                    <a href="mailto:[e-mail]" class="email-link evaluate-v1-right__email">[e-mail]</a>
                    <a href="" class="skype-link evaluate-v1-right__skype">remontru</a>
                </div>
                <div class="btn btn--red btn--full-width evaluate-v1-right__full-price-btn">Посмотреть полный прайс
                </div>
            </div>
        </div>

Comments

[Furyisa]

А в чем по твоему БЭМ заключается? Вот ответь на этот вопрос и задай такой
-Это походит на концепцию БЭМ и в чем моя ошибка

[warcevil]

Умный дядя, сразу видно.. Зачем такие тупые ответы давать?? Просто промолчи, но нет, надо бред написать какой нибудь

[Furyisa]

у тебя по сути только одно повторяется и это ширина и высота,, причем не факт. В остальном тут нет БЭМа. + есть смысл когда у тебя за 10 повторяющихся блоков.
Уважаемый бестолковый человек, который не способен очевидное увидеть или читать не умеет вовсе.
Написал бы расширено,только смысла нет не какого

Answer 1

[Максим Мельник]

Я конечно не гуру, но думаю такой вариант будет гораздо лучше
https://yadi.sk/i/xU5MGBe13EBqjL

И скорей всего Вам нужно будет верстать 3 разных блока, они конечно похожи друг на друга, но уж слишком они отличаются. Можно конечно, всё сделать одним блоком, но мне кажется- получиться какая то каша.

Answer 2

[Сергей Михайлов]

Все зависит от того, будут ли повторно использоваться данные блоки вне контекста родителя