Как правильно писать классы по БЭМ (Или просто по логике)?

Question

[godsplane]

Для примера использую этот блок.
Я накидал такую структуру.

<footer class="footer container row">
	<div class="footer__item col">
		<div class="footer__item-logo">
		
		</div>
		<div class="footer__item-info">
		
		</div>
	</div>
	<div class="footer__item col">
		<div class="footer__item-inner row">
			<div class="footer__inner-social">

			</div>
			<div class="footer__inner-callback">

			</div>
		</div>
			<div class="footer__item-inner">
				
			</div>
	</div>

</footer>

Я понимаю что это не правильно, но как правильно.
Вот есть у меня wrapper , это блок, есть айтемы wrapper, но если внутри айтемов они разделяются еще, или структура немного другая, то как правильнее поступать?
И что лучше:
news
news-item
news-item_title
Или
news-wrapper
news-wrapper_item
news-wrapper_item--title
?

Comments

[Сергей delphinpro]

Я здесь вижу несколько БЭМ-блоков

1. Логотип
   
2. Вертикальное меню
   
3. Горизонтальное меню
   
4. Номер телефона
   
5. Кнопка
   
6. Информация
   

Соответственно, общий блок разбиваете на БЭМ-элементы, а внутри их (или миксом) отдельные БЭМ-блоки

[Одиночка Айс]

Или просто по логике

Не использовать БЭМ

[godsplane]

Одиночка Айс, почему?

[Одиночка Айс]

godsplane, нуууу, под каждую сущность писать 100500 стилей, а потом похожая по дизайну, но другая по факту и ты вновь пишешь 100500 стилей

[godsplane]

Одиночка Айс, ну видимо вы не понимаете как работает бэм