Inna_Vas

Галочку в настройках убери и будет тебе sass

Короче я тут сам порыскал, поискал, поспрашивал. Тут по ссылке: https://github.com/browserslist/browserslist#full-list
Можно найти инфу хорошую. Я так понял версии браузеров просто не все стоят, но их можно добавить, если добавить ещё аргументы В настройках - > CSS Tools - > Autoprefixer и дальше в поле Target Browser. Вот, туда добавляете ещё аргументов и у вас начинает всё работать. Не знаю почему и как это работает, но работает же))) Особенно помог аргумент, который я изменил с not dead на dead и добавление last 2 version. Пожалуйста, не принимайте мой ответ, как инструкцию, так как в этом я не особо понимаю.

Все мы когда-то через это проходили. И это нормально. Побольше практики! Просто берете и верстаете. Все, что находите - верстаете. Если не знаете как заверстать - сейчас очень-очень много материалов в сети есть. Вводите запрос "как сверстать такуюкрасоту" и вуаля. Не бойтесь спрашивать тут, или на других форумах, не бойтесь гуглить. Главное - не бросать. :) И ступор пройдет. Удачи вам! :)

ПРАКТИКОВАТЬ!

Брать 1-10 макетов и верстать их.
Потом обязательно проверять на валидность.
Верстка не программирование, а всего лишь разметка.
Заучить основные теги, свойства правила и все.

Нужно просто брать и верстать. Не думая ни о чем. Самое главное не думать о том, что что-то не получается и не получится. Это должно быть не про вас. Просто берете и делаете.

1. Задача/проблема
2. Гугл
3. Практика
4. GOTO 1

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

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

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

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

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

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

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

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

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

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

Учусь несколько месяцев результата нет..

За несколько месяцев вы могли уже сверстать макетов 5-10.

Когда сверстаете 99 макет, отпишитесь из будущего как там поживает верстка. Обычно на макете 50-том ты макет видишь в виде html разметки и css стилей, и уже мыслено разбил его на bem блок и добавил в проект как отдельный кусок кода.

10-15 макетов сверстаешь, будешь знать 95% того что используется в работе, остальное по необходимости гуглиться и соответственно запоминается.

Если скучно, идите во фронтенд. JS не даст заскучать :)
А так, ну что могу посоветовать:
- используйте препроцессоры, это реальное подспорье. Особенно, когда приходится много и тупо писать стили. Напишите миксины, копите их в репозитории и переиспользуйте. Чтобы написать универсальный миксин, надо постараться и подумать.
- напишите стартовый шаблон для типовой верстки. Это ооочень ускорит процесс и он не будет таким нудным
- используйте шаблонизаторы! Pug(Jade) просто отлично заходит. Пилите layout, header, footer и отдельные блоки в отдельных файлах, потом просто втыкаете на страницу. Опять же, можно писать миксины, функции и прочие вещи.

Подходите к работе с умом, а не на автоматизме. Поверьте мне, вы не умеете верстать) Это намного более обширная область, чем клепание html и css изо дня в день.

Опять же, попробуйте профилировать вашу верстку. Наверняка узнаете оочень много интересного. Например, что из за обширных анимаций отрисовка начинает тупить и нужно как то выкручиваться. В общем, много всего прикольного в верстке, стоит только включить голову

1 Ипользуете БЕМ блоки - заметно ускорят верстку, благодаре реиспользуемости.
2 Разберитесь с перепроцессорами CSS - less, sass, stylus. Я остановился на пока на стайлус. Миксины, работа с переменными и цветами. чем то напомнит программирование и так же поможет в скорости верстки и поддержке проектов.
3. Освойте emmet или pug(jade). Тут дело вкуса, тоже ускорят процесс верстки.
4. Используйет технику помидоро - поработали 20-30 минут - перерыв 5-10. Так раза 2 а потом можно и большой. Но это не каждому заходит, но помогает сконцетрироваться на задаче.
5. Сброщики проектов gulp/grunt/webpack - автоматизируют рутину. Тут нет предела для творчества
6. Изучите JS, - будет не скучно))))

И сколько раз вы так сверстали проекты самостоятельно? 5? 10?
Сверстайте 100+ проектов, набейте свои шишки и научитесь.

Повторяя за кем-то написание кода, верстать не научишься.

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

А вот тут как раз и начинается "учение".
Решайте эти проблемы самостоятельно. Гуглите, задавайте вопросы.

Изучил html, css процентов так на 70.

это еще не тот уровень, который даст Вам возможность быть востребованным на фриласнсе, кроме того что такое 70%? Это Ваше субъективное мнение, покажите работ 10 сверстанных Вами, и я скажу насколько Вы готовы.

Когда я доучу JS - могу идти верстать за зелёные?

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