Palpebral

Точно не помню, но нижнее подчёркивание перед scss файлом говорит о том, что для него не создается отдельный css. Попробуйте убрать нижнее подчёркивание, как это у cards.scss и сделано.

let wrapContent = document.querySelector('.wrappApproach');

скорее всего Вы это имели ввиду)

Рекомендую просто посмотреть канал на Ютубе - "Фрилансер по жизни". Там есть целый плейлист, в котором рассказано все подробно и без воды. Там же можно узнать о сборщиках, препроцессорах и т.п.
Если нужен CSS-справочник, то есть такой, называется HTML-book. Но уже считается устаревшим, так что канал явно будет актуальнее)