Как сделать Блок размером строки?

Ingernirated: https://jsfiddle.net/pg6vg3xa/3/

Как сделать Блок размером строки?

https://jsfiddle.net/pg6vg3xa/1/

Как перейти к родительскому тегу или классу?

desiigner: они в разных местах отображаются, или где-то в одном месте?

Как перейти к родительскому тегу или классу?

desiigner: я бы тоже выбрал его.

Как перейти к родительскому тегу или классу?

desiigner: отличные, на мой взгляд, варианты.

Почему в Yii2 используют такой синтаксис в место простого CSS?

dkrylov: я уверен.

Как перейти к родительскому тегу или классу?

desiigner: Семантика не при чем. Если попробуете получить второй блок
document.getElementById('material-loader') - у вас ничего не выйдет. вы получите первый попавшийся.
С .querySelector() - то же самое.

Почему в Yii2 используют такой синтаксис в место простого CSS?

dkrylov: Смысл всегда есть - у кого-то было слишком много свободного времени, и его некуда было потратить, кроме написания подобных хелперов.

Почему в Yii2 используют такой синтаксис в место простого CSS?

Вот мне тоже интересно, нафига было писать совершенно ненужный класс? =))
Бредятина...
Там еще такие перлы есть

<?= Html::tag('p', Html::encode($user->name), ['class' => 'username']) ?>

Как вы понимаете, тоже совершенно ненужные.

Как перейти к родительскому тегу или классу?

desiigner: При чем здесь какое-то количество окон. Идентификатор уникален в пределах одной страницы. Всегда. Точка.

Как перейти к родительскому тегу или классу?

А зачем у вас два одинаковых id "material-loader"? Так тоже нельзя.

Как перейти к родительскому тегу или классу?

В css НЕТ родительских селекторов. Возможно будут когда-нибудь, но не факт.

Как отобразить блоки на основе JSON-файла?

В идеале получаете нужным образом сгруппированные данные и скармливаете их шаблонизатору. На примере underscore

данные var data = {name: 'John'};

var tpl = _.template("<b><%- name %></b>");
document.getElementById('target-element').innerHTML = tpl(data);

Как правильно подключить миксин внутри @media запроса?

Лариса: а, ну так эктендами в медиа нельзя расширять селекторы снаружи. Обойти нельзя.
Замените плейсхолдер %example на миксин

Как правильно подключить миксин внутри @media запроса?

Должно работать.

Где можно получить сертификат фронтенд разработчика?

я бы приобрел, да времени жалко )

Где можно получить сертификат фронтенд разработчика?

iBird Rose: Можно в рамочку и на стену. ЧСВ потешить или понтануться перед друзьями, не знающими слова frontend =) Так что есть толк.

БЭМ как избежать конфликтов классов?

в списке - products-item

БЭМ как избежать конфликтов классов?

product, goods, merchandise...

Как мне исправить ошибки верстки, чтобы пройти валидацию?

Евгений Привалов: Поймите, что вы используете кривой композер (или он неправильно настроен) и пытаетесь приделать к нему костыль. Нет смысла. Зри в корень. Исправляй причину, а не следствие. Или забей.