Александр

Не знаю, напишите другую фирму в названии, а на собеседовании уточните что не можете назвать настоящее название. Единственное, что меня бы заинтересовало, это длительный перерыв в разработке.
Если вы подрабатывали, можно указать в том числе и разработкой. Иначе это будет порождать много вопросов.
По какой причине? Вам стало не интересно? А почему решили вернуться? Надолго вернулись или как? И у HR'a будет цепляться глаз за это, я думаю, при прочтении вашего резюме.

Javascript и медиазапросы в CSS никак не связаны. Они работают независимо друг от друга. Почему думаете что причина в JS?

Я бы ничего не делал. Ведь если на сайте нету тега вьюпорт, то и сам сайт соответствующий? Зачем вам масштабировать свое окно, когда сайт выглядит как обычно?

GTM тут не причем. Он не добавляет никакие поп-ап'ы. Покажите попап, и его код, который приходит из gtm. Или лучше ссылку на сайт.

Оптимальный метод верстки используется, например, в бутстрапе 4 - https://getbootstrap.com/docs/4.0/layout/grid/
Разметка на флексах. Для изучения можно посмотреть примеры - https://getbootstrap.com/docs/4.0/examples/

Нужно обернуть input в div и добавить туда элемент иконки. Можно напрямую, либо через псевдоэлементы.
Как пример - https://www.w3schools.com/howto/howto_css_form_icon.asp

Используйте переменную window.pageYOffset.
Тут подробнее - https://www.w3schools.com/jsref/prop_win_pagexoffs...

Нет, крайне не рекомендую. Обучался в гикбрейнсе, но спустя время пришлось расторгнуть договор и вернуть часть денег, из-за некачественного преподавания. В моей группе многие ушли. Было это около двух лет назад, но вряд ли там что-то кардинально изменилось за это время.
Могу порекомендовать следующие ресурсы - hexlet.io, htmlacademy.ru, learn.javascript.ru
На hexlet.io сам сейчас занимаюсь.

Вы объявляете объявленную переменную в обработчике, используя конструкцию var:

$('.main_calc_block').click(function(){ 
   var profile_calc_value = $('#profile_calc').val();
}

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

Flexbox'ом - https://www.w3schools.com/css/css3_flexbox.asp

Можно, например вот так - https://jsfiddle.net/3qofLhej/ но с отступами поработать.

У вас элемент .header-top с позицией абсолют, а его родитель не имеет своей высоты. Либо задать родителю высоту, либо не использовать абсолют.

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

Попробуй классы добавлять. Я на вторую превьюшку добавил добавление по событию. Дальше лень. Но думаю это можно развить и нормально переключаться. https://jsfiddle.net/j6u6wp7x/2/

Поддерживаю ответивших. Такой подход к делу не пахнет интересом. Вы рассчитываете.
Когда человек решает чем-то заниматься, он уже решил и просто делает и по ходу дела уже смотрит.
А по вашему: сначала я куплю "Мерс" и только потом буду на работу любимую ездить, а то что на маршрутках ездить, вдруг пробки или сломаются.