Блин, ну какой ответ вы хотите услышать?
Да, тестовое задание нужно и делать его нормально (исключение составляет случай, если вы человек очень высокого уровня и известности).
Да, некоторые "работодатели" злоупотребляют этим.
Как решать это противоречие? Смотреть в каждом конкретном случае - по объему, по ТЗ, по общему впечатлению от разговора, по интуиции в конце концов.
В чем конкретно проблема?
Проще всего взять большую качественную картинку и сказать ей background-size: cover. Этот вариант простой и рабочий, но заставляет владельцев мобильников качать лишний трафик.
Чтобы этого избежать, делается несколько картинок разного размера и разруливаются при помощи media-выражений.
Дополнительно имеет смысл сделать ещё плейсхолдер в виде очень мелкой картинки, заинлайненной прямо в CSS как base64 - чтобы занимать место в те секунды, пока грузится основная картинка.
Я бы поговорил с дизайнером и менеджером и убедил бы их убрать эти скругления.
Нет, я могу это сверстать в принципе, но убрать - было бы лучше для всех.
Карта сайта нужна для ускорения индексирования сайта поисковыми системами.
Пользователям она не нужна от слова совсем. Если у вас плохая навигация или неудобный интерфейс - пользователь просто уйдёт, а не будет разбираться в какой-то там карте сайта.
Ни один из вариантов не выглядит идеальным, но если выбирать из них - третий, пожалуй, получше.
Манеру оборачивать в ul/li всё, что хоть как-то похоже на список - считаю псевдосемантической шизой.
По-моему, эта мода схлынула уже несколько лет как.
Ориентировочно в порядке убывания популярности: em, rem, vw/vh/vmin, px, calc, %
Но это приблизительно, многое зависит от ситуации, не нужно воспринимать как догму.
Если у вас действительно такие специфичные нужды, что никакие готовые библиотеки не подходят - все равно не надо рисовать с нуля. Это не очень сложно, но очень муторно, убьете колоссальное количество времени на отладку. Тогда надо все равно надо использовать библиотеку, но более низкого уровня. И тут собственно вариантов почти нет - D3.js
Это называется "горе от ума", типичнейший случай. Верстать логотип? У меня цензурных слов не хватит, чтобы описать бессмысленность этого занятия. Делай либо 2 переключаемые растровые картинки, либо одну в SVG.
