Lord_Dantes

По поводу адаптива
Гугли в сторону smartgrid Дмитрий Лаврик. Увеличишь скорось на x2.(это как раз с миксинами связанно).
Препроц pug, haml, jade, выбирай у котороги синтексис проще сам использую pug для него желательно gulp
Посмотри в сторону time menedgment.
Техника помидора
Сделай правило если сидишь над блоком больше n- минут переходи к другому(имеется ввиду если делаешь какие-то исправления и погоняешь под пиксельперфект), пусь будут недочеты, подправишь в самом конце.

Однозначно нет, я бы даже сказала что это тестовое задание на "лоха". По факту тестовое задание для веб-мастера - это - сверстать одну из страниц корпоративного сайта(не лендинг), и добавить ей логики посадив на нужную CMS. Даже по одной сверстанной(семантически правильной, адаптивной, подготовленной для продвижения) хватает что бы понять насколько долго человек верстает, или находится в вебе. Если вы вываливаете "дивянку", или относитесь к своей работе - ну сделаю не очень, это ведь тестовое - значит это провал.

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

PS: В свое время сделала по-хитрому) Дали мне такой проект как тестовое задание, я делала его 2 недели, и когда подошло время сдавать его, показала его через teamviewer - работодатель убедился что все норм, попросил его скинуть - я попросила денег. Он офигел от наглости, и в итоге мы договорились о 12 т.р. Но на работу меня так и не взяли)

@keyframe

@keyframes

1) Иконку вверху можно через псевдоэлемент сделать.
2) Кнопку через абсолютное позиционирование выровнять

Результат:
https://codepen.io/hisbvdis/pen/rNBvbwo

Используй псевдо элемент :first-letter
Он меняет стиль первой буквы
описание

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

Можно, но не во всех готовых элементах. Если вы пользуетесь готовыми элементами, обычно в меню "Запрос" можно изменить тип поста и таксономию (некоторые сделаны чисто для стандартных записей и в нет данного выбора)

сделать базовую страницу на которой выводить посты которые имеют данную таксономию, а как это реализовать?

Использовать шаблон taxonomy-techonology.php

Например,
https://github.com/drien/jquery-flipster