Programmir

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

UPD
Не слушайте, пожалуйста, бред об опыте и пользе для вас. Из таких "будущих хороших специалистов" потом веревки вьют, типа "поработай по вечерам, это ж опыт для тебя!" или "давай ты теперь и по субботам выходить будешь, а мы тебя за это серьёром называть будем!". Очень работает с наивными молодыми людьми.
Вы поймите, что все эти разговоры про опыт и пользу для вас - это уловки с целью сэкономить и вас обмануть. Всем плевать на ваш опыт, им нужно денег меньше вам заплатить и все.
Огромное тестовое задание - это неуважение к кандидаду.
Давай представим обратную ситуацию: я прихожу к потенциальному работодателю и говорю: "Давайте я у вас тут недельку посижу без каких-либо обязательств, а вы мне зарплату платите. А потом посмотрим, может быть останусь, а может уйду". Нормально? Ситуация выглядит именно так, потому что работодатель не делает одолжения принимая на работу, он "покупает" ваше время и ваш опыт и все.

Давайте предположим, что вы еще не определились с контентной областью и возьмем стандартные для сетки Boostrap - 1170px, при таком раскладе, дизайн будет делаться в разрешении 1920 px (Чтобы сразу было видно картину на весь экран), при этом все не резиновые элементы и контентная область будет влезать в 1170px.

В бустрапе 12 колонок, поэтому адаптировать под следующие экраны будет легче для разрешений: 768 и 320 соответственно.

В итоге мы получаем следующие разрешения:
1920 (контентная область 1170) - FullHD мониторы
768 (контентная область 690) - Планшеты
320 (контентная область 290) - Телефоны

Это минимум, далее зависит от задач и сценария. Если контентная область выше 1170px, а сейчас такое часто бывает, то адаптацию нужно будет делать и под ноутбук, тогда контентную область следует высчитывает в кастомном режиме.

Зависит от совести дизайнера и от сетки которую он и вы будете использовать.
Я бы попросил 992px, 320px и 1200px(так как использую бутстраповскую)

Можно просто выключить адблок и увидеть ответ

Изображения пихаете в svg, в виде спрайта dreamhelg.ru/2017/02/symbol-svg-sprite-detail-guide
Для каждого контейнера с иконкой пишите свойства

position: absolute;
left: 50%;
margin-left: -100px; /* или другое число. Система координат начинается с центра. Минус это влево. */
pointer-events: none; /* чтобы не перекрывало контент, мешая кликать*/

Чтобы эти иконки не создавали скролл, можете поместить их в отдельный блок, задайте ему размеры (видимой области иконок), сделайте position: absolute и опять же pointer-events: none

mustache, pug, jinja...