@aiss

Как тут нужно называть классы по БЭМу?

Какие классы по БЭМу

<div class="advantages__wrap clearfix">

	<div class="advantages__item">
		<div class="???">
			<img class="???" src="img/advantages/1.png" alt="image">
		</div>
		<div class="???">
			<h3 class="???">Опыт работы</h3>
			<p class="???">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
		</div>
	</div>
	

</div>
  • Вопрос задан
  • 410 просмотров
Пригласить эксперта
Ответы на вопрос 4
advantages__image, advantages__text
https://en.bem.info/methodology/quick-start/#nesting-1
Ответ написан
Комментировать
советую использовать миксы. таким образом:
<div class="advantages__wrap clearfix">

  <div class="advantages__item advantage">
    <div class="advantage__image-wrap">
      <img class="advantage__image" src="img/advantages/1.png" alt="image">
    </div>
    <div class="advantage__content">
      <h3 class="advantage__head">Опыт работы</h3>
      <p class="advantage__text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>
Ответ написан
Комментировать
FFxSquall
@FFxSquall
Могу писать код, могу не писать
Ну тут вариантов пожалуй несколько, например просто продолжаем писать элементы, а можно использовать полноценные блоки (при необходимости ещё и вешать класс элемента), зависит от того будут ли эти блоки использовать не в контексте этого блока.
Вот например:
<div class="advantages__wrap clearfix">

  <div class="advantages__item">
    <div class=""advantages__preview">
      <img class="image" src="img/advantages/1.png" alt="image">
    </div>
    <div class=""advantages__text">
      <h3 class="title">Опыт работы</h3>
      <p class="text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>

а может быть и так
<div class="advantages__wrap clearfix">

  <div class="advantages__item">
    <div class=""advantages__preview">
      <img class="image advantages__img" src="img/advantages/1.png" alt="image">
    </div>
    <div class=""advantages__text">
      <h3 class="title advantages__title">Опыт работы</h3>
      <p class="text advantages__text">Более 8 лет мы занимаемся архитектурной подсветкой зданий</p>
    </div>
  </div>
</div>


P.S. А вообще есть куча замечательных статей, после которых отпадет куча вопросов и всё само встанет на свои места.
Вот например одна из них (об ошибках которые часто допускают)
https://habrahabr.ru/post/305548/
Ответ написан
Комментировать
sadisme
@sadisme
font-size:30rem
К вариантам что написали, добавил бы ещё:

.advantages__item
.advantages__item-img
.advantages__item-text
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы