Не могу понять как сделать адаптивную верстку?

Браузер зачеркивает areas.

А вы попробуйте посчитать по сколько элементов в строке у вас получилось на 680.
Сами удивитесь...

Как правильно прописать путь в File Watcher для скомпилированного файла?

Иван Гришов,

В пути переменные указаны через знак "$", может как-то с помощью них

Вы можете нажать на плюсик и почитать какие макросы там есть и выбрать понравившиеся.

Может, не работает из-за ошибок в стилях, а мы тут гадаем по куску скрина.

Не работают gulp-autoprefixer?

Илья, да, это возможно.

Не работают gulp-autoprefixer?

Илья,

у меня 7 стоит

Ладно, развлекайтесь с 13 :)

Почему после подключения liveserver повилась такая ошибка Not allowed to load local resource: file:///?

penta-bongo, нет, обычно разумнее писать относительные пути.

Как правильно прописать путь в File Watcher для скомпилированного файла?

Иван Гришов, ../css/

этот проект без Gulp

Это очевидно. Поэтому и говорю, переходите на него.

Не работают gulp-autoprefixer?

Илья, разумнее обновить node до актуальной.

Почему после подключения liveserver повилась такая ошибка Not allowed to load local resource: file:///?

penta-bongo, прочитать по ссылке выше как задавать относительные пути

Как правильно прописать путь в File Watcher для скомпилированного файла?

https://htmlacademy.ru/blog/boost/frontend/links

А лучше сразу переходите к Gulp.

Не работают gulp-autoprefixer?

Илья, ну можете делать то, что рекомендуется в этой ошибке. И дальше по обстоятельствам следующих сообщений.
Я написала то, что для вас, на мой взгляд, будет проще.

Не работают gulp-autoprefixer?

Илья, Если стоит 14+ и в зависимостях поменять на "^14.x", то все заработает.
Попробовала на вашем коде из последней ветки.

Не работают gulp-autoprefixer?

Илья, 21 поток был 1,5 года назад.
Я бы начала с удаления папки node-modules и заново npm i. Этот способ будет самым простым для вас.
Хорошо бы знать, что нет конфликтов в версиях node.js
Например, у вас в зависимостях 13 нода. А актуальная 16. Какая стоит у вас неизвестно. Проверьте.

И можно сравнить ваши файлы автоматизации и теми, что в материалах к курсу.

Как VSCode сделать на русском?

Так и что в настройках языка?
Нет возможности поменять на русский и не скачать его, если потерялся?

Почему после подключения liveserver повилась такая ошибка Not allowed to load local resource: file:///?

Пjтому что file:// указывает на локальный файл на вашем компе. Но сервер ничего об этом не знает.
https://htmlacademy.ru/blog/boost/frontend/links

Как разделить на равные части динамическое количество детей для flex?

lexstile, https://developer.mozilla.org/ru/docs/Web/CSS/flex-grow
но, логично, до тех пор, пока нет контента..

Как сделать плавное подчёркивание слова при скролле?

Не получается найти подобную анимацию.

Просто меняется ширина псевдоэлемента.

Как разделить display flex?

Андрей Годунко, оу, не может быть... наконец-то скрин...

Два <p> один под другим.
В каждом текст и псевдоэлемент (с картинкой) - флексом или гридом. Можно даже и без флекса. Псевдоэлемент сделать инлайн-блочным. И задать ему vertical-align: middle.

Альтернатива: вставлять картинки просто фоном, но может быть сложнее при адаптиве.

Если очень хочется оставить картинку как img, то нужно задать ей атрибут aria-hidden="true", а дальше любым из способов: инлайн-блоком, флексами или гридами.

Как разделить display flex?

Андрей Годунко, да я же написала: стереть всё про флекс у родителя.
https://codepen.io/AnnaSummer/pen/mdpJxLP

Как настроить JS код интересного эффекта?

Без песочницы (codepen.io) с видимой живой проблемой вы будете очень долго ждать ответов.

Как разделить display flex?

Андрей Годунко, уберите флекс, блоки по умолчанию сами располагаются в столбик.

p.s.
Если что, это

align-items:center; /*Гаризонталь*/

не горизонталь.
А выравнивание вдоль поперечной оси.
В вашем случае она идет вертикально сверху вниз.