Korsia

1. Отключить внешние раздражители - очень важно. Телевизор и подобное лучше вообще убрать подальше.
2. Научиться правильно отдыхать, в том числе - чтобы голова отдыхала. Закончили работу - переключайтесь на то, что происходит вокруг, общайтесь, забудьте вообще о работе. Можете 10 минут удерживать "пустоту" в голове, не думать ни о чем? Чтобы ни одна мысль не пролезла в голову? Дайте мозгу "проголодаться", сразу станет интереснее.
3. Ваша проблема - не только Ваша, с ней сталкиваются практически все так или иначе. Приходится учиться, находить свой ритм работы и отдыха. Допустим, отдыхаете каждые полчаса. Каждый раз, завершив какую-то подзадачу, ставите отметку "выполнено". В связи с этим - полезная техника: составляйте план из микрозадач и, по мере их выполнения, ставьте галочки напротив каждой выполненной задачи. Мелочь, а хорошо помогает в плане концентрации.
4. Одной из причин может быть то, что Вы ставите перед собой сразу много обязанностей, мозг воспринимает это как неподъемную задачу и блокирует ее выполнение. Разбивайте задачу на более мелкие и не обещайте себе выполнить непременно все. Отдыхайте, переключайтесь, развлекайтесь.
5. Не держите все в голове - записывайте. Разгружайте голову. Когда занимаетесь - ведите подробные конспекты. Это помогает структурировать информацию. На экзамене очень выручает - Вы вспоминаете не информацию из учебника, а то, что сами записали в конспект, как будто это Ваше творение. Вам остается только воссоздать свой конспект на листочке, что обычно происходит легко, как будто само собой.
6. Лучший отдых - это перемена занятий. Найдите противоположный вид деятельности, например, спорт, и работайте с реальной отдачей, до изнеможения. Уровень концентрации в вашей основной области повысится в разы.
Пробуйте, ищите, учитесь. Есть целое направление - brain fitness, посмотрите, может, найдете что-то полезное и для себя.

Мозг работает так, как он привык работать.

Все, чего вы сейчас достигли (отвлекаться на свои мысли вместо того, чтобы заниматься текущей задачей), вы нарабатывали долгим и упорным трудом всю предыдущую жизнь.

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

P.S. С детства такие вещи тренируются. Чем взрослее тем сложнее, и даже факт того что ты осознаешь конкретный недостаток не облегчает того, что избавиться от него тяжело.

Ctrl+C попробуйте

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

В фш выбираешь инструмент "монтажная область" выделяешь макет и отправляешь в цеплин

Может проблема не в расширении, а в том, что у Вас редактор очень часто сохраняет изменения?
Проверьте в редакторе настройку "Files: Auto Save". Если стоит опция "AfterDelay" то файл сохраняется с определенным интервалом, из-за чего и Live Server перезагружает страницу.

отрицательные маргины вам в помощь))

«Ты в начале крив, косой,
а потом уж Лев Толстой».

Ты молод, зелен, девственно чист перед версткой. Пока у тебя нет практического опыта а есть только теория. Все ново, все страшно. Ожидаешь от первого раза с ней романтики и нежности, а на деле — она будет жестко рвать тебя без сожаления.

«Боже, я никогда не научусь верстать как они :( ...»
«Блин эти ребята так круто делают, видимо у меня нет дара...»
«Наверно это не мое, лучше пойду я отсюда...»

КОНКРЕТНО О ПРАКТИКЕ НОВИЧКА

Все барьеры у тебя в голове Ты хочешь верстать как боженька, а как только ты делаешь ошибку ты тут же разочаровываешься в себе и считаешь, что ты ни на что не годен. Любой, кто что-то учит сталкивается с этим, просто нужно свыкнуться что от косяков никуда — это часть прогресса. Желательно разобраться с собой, в том смысле, что многие бросают свои начинания, увидев на пути даже маленькую преграду. Дальше будут разочарования собой, усталость и много чего еще в голове.
Нужно просто пережить первые шаги, дальше будет легче.

Не нужно сразу пытаться сверстать весь сайт, научись верстать отдельные кусочки. Уверен, ты каждый день сидишь в VK. Поставь себе цель — Сверстать страницу регистрации VK например за три дня. Сегодня например сверстай шапку (без перфекционизма). Начни с малого. Со временем одной левой сможешь верстать то, что сейчас тебе кажется тяжелым. Да будет не так, да многое из головы вылетит. Не беда, гугл всему голова. У любого профи есть самый главный Шаолиньский скилл — «Мастерство великого гугления». Не все его постигают в начале пути, но многие все равно придут к нему однажды.

Перфекционизм и навык PixelPerfect— качество профессионалов, мы новички должны в начале делать ошибки Не надо вылизывать каждый участок макета, к этому ты придешь сам, но тогда, когда ты уже спокойно сможешь верстать. За то время пока ты пытаешься сделать крошечный блок сайта идеальным, ты бы мог уже быстро набросать весь макет и на практике использовать сразу много тегов и увидеть их к действии. Не надо заниматься в начале созданием идеального сайта, первые сайты все равно будут говно.

Не надо вначале практиковаться по 10 часов в день. Да быстро научишься. Но и быстро выгоришь и потеряешь интерес. Все как в спорте, ты можешь пойти в первый раз в зал и долбить там хоть весь день, но завтра ты уже точно не пойдешь туда, да и вообще забросишь. Мышцы растут от прогресса нагрузки с которыми ты работаешь а не от ежедневной, многочасовой дрочи себя. Ты растратишь все ресурсы и, как я уже сказал, бросишь это дело вообще. Постепенно, понемногу, начиная с маленьких частей, ты придешь к тому, что сможешь легко сверстать большую часть макета. Потому что твои мозги тренированы и привыкли к выполнению такой работы.

Главное не останавливаться. И надо смириться, что верстальщик всегда должен развиваться. Не только теорией но и практикой. Это его дар и его проклятье на всю жизнь. А грамотно развиваться поможет только грамотный подход к этому.

Всего лишь мое маленькое, скромное мнение.

>хотя бы самые маленькие деньги на upwork
Не нужно стремиться заработать хотя бы самые маленькие деньги, так вы автоматом вливаете себя в поток работников из стран третьего мира, где будет очень сложно барахтаться.
Ставьте вопрос - какие навыки я должен иметь, чтобы быть востребованным для зарубежных заказчиков?

Если вы отлично владеете перечисленными вами скиллами, их будет достаточно, с учётом того, что вы продолжите развиваться дальше. Но не забывайте, что фриланс, в отличие от офиса требует ещё больше навыков - общение с клиентами, самоорганизация, менеджмент, etc.

Смотря какие лендинги. А вообще, скорее всего, он наработал себе стартовый шаблон со всеми типовыми элементами лендосов (а лендосы почти всегда типовые), и просто меняет оформление.