dom1n1k

Вообще говоря, в реальной работе дизайнер, конечно же, должен хотя бы на словах сообщать верстальщику, как и что должно тянуться. На практике, правда, бывает так, что дизайнер уже недоступен и спрашивать некого, но это неправильно.
Но с другой стороны, я понимаю автора тестового задания, который бросил соискателя в такую вот ситуацию. Он хотел проверить, умеет ли тот чувствовать и осознавать "логику макета". Оказалось, что пока нет. Сейчас большинство верстальщиков-неофитов помешаны на инструментах (bootstrap, gulp, autoprefixer и еще 20 подобных слов), слабо разбираясь в верстке как предметной области.

А зачем минимальную ширину заворачивать в медиа-запрос?
Просто и без условий

body {
    min-width: 200px;
}

Да никаких особых америк тут не придумаешь. Бюджет нормальный, хорошую машину собрать труда не составит.
- любой Haswell на который денег хватит (i5, i7 или Xeon E3)
- материнская плата - вопрос очень холиварный, но я предпочтнаю Asus и Asrock, причем лучше НЕ выбирать какие-то экзотические конфигурации (особые версии чипсетов, особые оверклоккерские исполнения и тп) - лучше средний класс
- памяти 16 Гб, не меньше
- обязательно SSD (настоятельно рекомендую Samsung и непеременно Pro, а не Evo)
- видео nVidia, если игры не важны, то лучше 7xx с пассивным охлаждением (у Асуса такая карточка стоит порядка 50-60 долларов)

По поводу AMD... Я не имею ничего лично против них, но если для серьезной работы, то смысла не вижу. Экономия (на фоне общих затрат) копеечная, но Intel надежнее. Я тут имею в виду не то, что процессоры AMD ненадежны или ломаются - нет. Я имею в виду, что все сторонние разработчики (железа, софта, эмуляторов и пр) в первую очередь тестируют свои продукты под Intel. То есть меньше шанс напороться на глюки какого-то продукта третьей стороны, у них более цельная экосистема, меньше потенциальных проблем с драйверами и пр. Аналогичная ситуация с видео - из соображений надежности и совместимости лучше брать только nVidia и ни что другое.

По-хорошему - да, создавать.

Мое мнение, что для хорошего адаптивного сайта макетов должно быть как минимум три - 320 (телефоны), 720 или 768 (планшет вертикально) и 1280+ (десктопы, ноуты и некоторые самые большие планшеты). Горизонтальный планшет в этом случае получается из макета на 1280 плюс некоторые словесные описания. Типа такого: берется десктоповый макет, только товаров в ряд 4 вместо 5 и базовый размер шрифта на 1px меньше. Это пример из головы, но суть думаю понятна.
Для тех сайтов, которые тянутся вширь без ограничений максимальной ширины, имеет смысл также добавить 4-ый размер - 1920.

То есть если вопрос "нужно ли?" - ответ "да, очень желательно".
Ну а дальше вопрос вашего бюджета, сроков, требований к качеству результата и пр.

Это вариация на тему т.н. брусковых шрифтов итальянского типа (с обратным контрастом). Судя по страшной и неправильной Л, вариация доморощенная и кустарная. Плюс ещё и перспективные искажения.
Если будет достаточно не именно этого шрифта, а просто аналогичного, то с кириллицей есть Traktir.

Если есть возможность потестировать - почему нет? Память от времени стареет незначительно. Это же не материнская плата, где могут конденсаторы засохнуть или жесткий диск (механика со всеми вытекающими).

Убрать этот лого элементарно - достаточно стилями перебить правило:

.ymaps-2-1-32-map-ru {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAzIiBoZWlnaHQ9IjgxIiB2aWV3Qm94P…4yMTYuMDk0IDMuMjE2aC02LjIyM3YtLjAwMXptMCAwIiBmaWxsPSIjNTk1OTU5Ii8+PC9zdmc+) #fafafa center no-repeat;
}

Конкретное имя класса может варьироваться в зависимости от версии и языка апи карт.

Но вряд ли это соответствует лицензионному соглашению. Можно попробовать пойти на компромисс, сделав эту надпись светло-серой или полупрозрачной. Чтобы, так сказать, и Яндекс не расстраивать, и пользователю глаза не мозолить (потому что действительно это лого раздражает).

Лично я считаю, что подобные фреймворки предназначены только для простых сайтов - типа лендингов или визиток на 3-5 страниц. Ну или для протитипирования.
Если речь идет о более-менее сложном сайте - это пятое колесо в телеге. Лучше верстать либо вообще с нуля, либо использовать что-то типа Susy.
Если же нужно делать как раз лендинг, то тут в дело вступают следующие соображения: там критичны время, стоимость и взаимозаменяемость специалистов. Поэтому - Bootstrap. Тупо потому, что самый распространенный.
Исключение - проекты "для себя". Там можно и даже нужно пробовать что-то новенькое для расширения кругозора.

Может быть зауженная версия Exo? Не совсем полный аналог, но слегка напоминает.