Задать вопрос
@fregire
верстка

Каким образом реализовать HTML структуру по БЭМ?

Здравствуйте! Столкнулся с проблемой: можно ли в блоке создавать элемент, который центрирует весь контент этого блока? Сделал это таким образом:
<div class="page__header">
		<div class="page__wrapper">
			<header class="header">
				<div class="header__left-content">
					<div class="logo">
						<!-- Logo -->
					</div>
				</div>
				<div class="header__right-content">
					<ul class="nav">
						<!-- Li -->
					</ul>
					<div class="header__search">
						<!-- Input -->
					</div>
				</div>
			</header>
		</div>
	</div>

Можно было бы сократить вложенность, если сделать header__wrapper внутри блока header, но правильна ли такая структура?
  • Вопрос задан
  • 199 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
Serj-One
@Serj-One
i'm sexy and i know it
Зачем создавать элемент, если можно создать модификатор блока?
<div class="header header--center"></div>
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 1
@rusglov 
<div class="page__wrapper">
      <header class="header page__header">
        <div class="header__left-content">
          <div class="logo">
            <!-- Logo -->
          </div>
        </div>
        <div class="header__right-content">
          <ul class="nav">
            <!-- Li -->
          </ul>
          <div class="header__search">
            <!-- Input -->
          </div>
        </div>
      </header>
    </div>
  </div>

Все это можно сделать с помощью миксов, а не через модификатор, т.к через модификатор настраивается внешний вид, а не позиционирование.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend-стажер React
Студия Oxem • Москва
от 20 000 до 80 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Ещё заказы