Я просто вижу другую проблему, а не в нагрузке. Если писать media max width 800px, следом за ним max-width 500px. И допустим в первом указать .services .list .item {
а во втором .services .item {
то первый перебьет второй и надо писать !important
При использование препроцессора такого не возникло бы, но брекпоинты надо будет ставить у каждого селектора.
И ваше описание задачи выглядит намного сложнее чем "установка вордпресса, скачивание 3х плагинов, настройка названия сайта, логотипа." У меня знакомые за такое берут больше, чем вы и делают это за 1-2 часа.
Еще пример: на одеске, если выставить ставку 20 баксов в час, то шанс найти работу выше, чем при 7 баксах.
Проблема еще в том, что при такой цене вы не выглядите профессионалом. Чем выше цена (в разумных пределах, разумеется), тем больше заказчик будет уважать вашу работу и считать её сложной. А в последствие даже выше шансу, что посоветует еще кому-то. Иначе вы будете создавать впечатление студента, который начал интересоваться вебом неделю назад.
Файл с es6 кодом я назвал обычным расширением Js и jshint пишет ошибки уровня
arrow function syntax is only available in es6. То есть этот файл не определяется как es6
Для brackets шаманил, но так и не смог сделать, чтобы заработал интерактивный линтер. Да и даже подсветку синтаксиса. Если делать поиск по всем плагинам с названиями es6, то там нету подходящих. Может я что-то путаю