Правильно ли сверстано по БЭМ?

Сергей delphinpro, постепенно обрабатываю информацию ) и не сразу заметил, что это не CSS

.header {
  &__logo {}
  &__search {}
}

Подскажите, что это такое?

Правильно ли сверстано по БЭМ?

Сергей delphinpro,

Т.е. здесь видится два отдельных блока — внешняя обертка (header-section, назовите класс как угодно) и сам а шапка (header).

А как быть с секциями, в моем случае <section class="featured">, так же быть с контейнером? Вроде секции принято называть главным блоком и уже что внутри, элементы. Или так как вы писали лучше сделать?:

<section class="featured-section">
	<div class="container featured">
		<div class="featured__img">

Правильно ли сверстано по БЭМ?

Дмитрий Христоев, Не спорю, скорей всего много недочетов, т.к. это мой первый макет и я пытаюсь сделать его грамотно, поэтому задаю вопросы, что бы дальше в правильном направлении идти. Какого то ТЗ у меня нет, я делаю чтобы набить руку и попутно разбираю нюансы. На данном этапе ваш ответ пока сложно переварить ) Если можно в краце, как в моём случае будет грамотнее сделать заголовки. Вот этот макет: перейти
Собственно, то что справа от телефонов я сделал h1.

Правильно ли сверстано по БЭМ?

Дмитрий Христоев, я в сео не очень разбираюсь, но чисто по макету, самый крупный шрифт идет в блоке ниже, чем который в шапке

Правильно ли сверстано по БЭМ?

Сергей delphinpro

Вкладывать прослойки в блоки в принципе допустимо, это не косяк, но когда речь идет лишь о декорации, то вряд ли стоит.

Подскажите, а что означает прослойки?

Правильно ли сверстано по БЭМ?

Никита Юдин, меня больше всего тревожит длина классов, грубо говоря, если бы в элементе .header__search-button были бы ещё вложенности, то тогда класс разрастается до "безобразия" , можно было бы конечно так же приписывать дальше к .header__search, но теряется принадлежность к .header__search-button. Вот этот момент мне не очень понятен.

Как правильно измерять расстояния от шрифта до шрифта/блока при верстке? Есть ли закономерность?

Нерон Лордов, подниму вопрос, т.к. сам этим столкнулся и честно говоря, немного в замешательстве. Ладно Авакод, я вот делал в фотошопе ... там такой жесткий прикол или я вобще не вкурил. Когда нажимаешь на элемент, то он выделяется рамкой (если стоит галочка соответствующая). Нажимаю значит на название шрифт Georgia. которому задан размер 16px, измеряю 12px, ну если захватить невыделенный пиксель- 13px.

Решил посмотреть, что быдет если я введу букву с нижним хвостом, например "j" ... Опа, и фотошоп уже показывает выделенный объект как 15px, если захватить невыделенный пиксель, то ка раз 16.

Но чет возьми, если бы я не попробовал, так бы и мерил от первоначального? Но это как бы ладно, там ещё указан интерлиньяж - 19,2 px .. И где его искать там, он в фотошопе не отображается, от куда мерить?