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

ceo444, значит, делайте песочницу на codepen.io, чтобы видеть, что вы еще понаписали

А главный вопрос, где вы там на макете 3 колонки нашли...

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

ceo444, теперь еще немножко внимательности...
"subtitle subtile subtitle"

беда прям...
Ну не знаю, увеличьте шрифт в редакторе, чтобы лучше видеть..

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

Никто не запрещает называть области по названию классов.

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

Браузер зачеркивает 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", а дальше любым из способов: инлайн-блоком, флексами или гридами.