Почему не завершается процесс gulp?

Fredd Monty, "не работает" — это самая пиздатая характеристика проблемы.
Сразу все понятно. Как только читаю такое, сразу хочется послать человека на… ну вы поняли…

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, обновил последний коммент.
Ладно, в перерыве будет время, накидаю полный пример.

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

Могу на словах сказать. Перестань лазить по DOM на каждый чих. Задайте состояние компонента, единый источник истины, на основе которого будут отрисовываться все вкладки/табы. При изменении состояния перезапускайте функции перерисовки (в вашем случае смена классов и скрытие блоков). Таким состоянием может быть объект данных {activeIndex:1, viewAs:'tabs'}. Если к свойствам еще подцепить геттеры и сеттеры, то в сеттере можно будет запускать перерисовку, и для смены режима отображения достаточно будет просто присвоить новое значение свойству объекта.
Т.е. примерно так

var state = { ..... };
mql480lt.addListener(function (mq){
  if (mq.matches) state.viewAs = 'accordion';
});
mql480_780.addListener(function (mq){
  if (mq.matches) state.viewAs = 'tabs';
});
mql780gt.addListener(function (mq){
  if (mq.matches) state.viewAs = 'cards';
});

и по кликам на табы

.on('click',e=>state.activeIndex=e.target.dataset.index);

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, Я не понимаю в чем у вас проблема. Если в алгоритмах переключения состояний, то я ошибся вопросом, для таких рутинных вещей лениво писать примеры. Если в выборе подхода к переключению, то я вам уже показал хороший метод.

За что отвечают эти две строки Html кода?

raulvodov,

Не подскажите насколько актуальны и практичны данные строки условных комментариев? Лишними не будут думаю?

Если вы не будете использовать их, то конечно они лишние.
Обратите внимание, что в каждом теге свой набор классов lt-ie9 lt-ie8 lt-ie7. соответственно при таком использовании вы можете к css коде писать отдельные стили для разных версий IE

.block { нормальные стили }
.lt-ie9 .block { стили для IE9 }
.lt-ie8 .block { стили для IE8 }
.lt-ie7 .block { стили для IE7 }

Если вы этого делать не собираетесь, то и условные комментарии вам не нужны.

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, Я тебе показал пример со сбросом аккордеона при увеличении ресайза. Дальше аналогично допиливается.

Как исправить, что вместо массива на почту приходит "Array"?

В общем, запутался =)
Вот:

$mail->Body    = '
    Пользователь оставил свои данные <br>
    Район: ' . join('<br>', $_POST['area']) . ' <br>
    Количество комнат: ' . $_POST['Rom'] . ' <br>
    Площадь: ' . $_POST['house'] . ' <br>
    Ремонт: ' . $_POST['repairs'] . ' <br>
    Бюджет: ' . $_POST['budget'] . ' <br>
    Способ оплаты: ' . $_POST['ways'] . ' <br>
  Телефон: ' . $_POST['tel'] . '';

Как исправить, что вместо массива на почту приходит "Array"?

Сорри, у вас херня какая-то в php, или я не въехал....

Вот так, наверное:

$mail->Body = 'Пользователь оставил свои данные <br>'
    . implode('<br>', $_POST['area'])
    . 'Район: ' . $_POST[$body] . ' <br>
    Количество комнат: ' . $_POST['Rom'] . ' <br>
    Площадь: ' . $_POST['house'] . ' <br>
    Ремонт: ' . $_POST['repairs'] . ' <br>
    Бюджет: ' . $_POST['budget'] . ' <br>
    Способ оплаты: ' . $_POST['ways'] . ' <br>
                Телефон: ' . $_POST['tel'] . '';

Как исправить, что вместо массива на почту приходит "Array"?

Егор Аринов, php оставьте как было. в $_POST['area'] будет массив.

Вы прочтите что делает serializeArray, он совсем по другому пакует данные и в каждом поле у вас будет массив name:bla, value:bla

поэтому я рекомендую использовать serialize, который просто собирает данные как есть.
В конце-концов сделайте var_dump, чтобы увидеть, что реально приходит из браузера.

Как сделать такую тень?

Примерно так jsfiddle.net/ez4j3617

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, ну вот для примера https://jsfiddle.net/nyz2ko0w/3/
Дальше сам.

Как выровнять пункты списка?

НЕ УМЕЕТ ТАК ФЛЕКСБОКС. Тысячу раз уже сказано.
Кирпичная кладка только скриптом masonry

"Колоночная простановка" flexbox?

Антон, вот так еще можно, оно вроде везде работает (inline-block) https://jsfiddle.net/0o3cps48/2/
Ну или всё вместе, для надежности =)

"Колоночная простановка" flexbox?

Антон, с самими колонками всё отлично.
Там есть траблы с разрывом элементов (page-break-inside), нужны префиксы или устаревшие версии свойств. Не помню, редко использую колонки.

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, собственно там и ресайз слущать не нужно. Просто все условия поместите в единственного слушателя клика

$('.tabs__link').on('click', function(e){

  // тут проверяйте размеры окна/экрана и делайте прочие нужные вещи

});

Пора ли использовать CSS переменные?

riddlr,

Но проблема в том, что я хочу их использовать в своем стартере прямо сейчас.

Если нельзя но очень хочется, то можно =)
Заюзайте полифил.

Пора ли использовать CSS переменные?

riddlr,

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

ну тогда и ответ на ваш вопрос очевиден — вам необходимо охватить максимальное кол-во пользователей, а значит конкретно вам еще рано использовать css переменные.

Один CSS файл или несколько на сайт?

Выгуглить нормально не смог.

Ну хоть врать-то не надо. Просто скажи "мне лень гуглить, раскажите в тысячный раз, как нужно делать".

https://yandex.ru/search/?text=Один%20CSS%20файл%2...

Как измененить в Opera поисковую систему по умолчанию?

Предлагаю скачать браузер с официального сайта, а не из яндекса. В поставке по умолчанию присутствует гугл-поиск.

Ссылка на ехе файл можно сделать с помощью HTML + CSS + JAVASCRIPT + PHP на сайте?????

В windows (про другие системы не знаю)
Вы можете зарегистрировать собственный протокол, например vasja://, и связать его с конкретной программой. Тогда при открытии ссылок vasja://open?p=superprog.exe будет открываться связанная программа и получать параметры.