При подключении файловой структуры по БЭМ (метод Nested) к index.html стили при просмотре в браузере не отображаются?

Что сделано: 1. Первоначально все стили проекта задал в едином CSS-файле, подключённом к index.html.
2. В таком варианте всё работает, но необходимо было создать файловую структуру по БЭМ (Nested). 3. Создал директорию blocks в корне проекта. В ней создал все необходимые блоки с вложенными в них соответствующими папками (элементами блоков и модификаторами блоков и элементов). 4. Все элементы и модификаторы блоков и элементов подключил директивой @import к соответствующим файлам блоков. 5. В корне проекта создал директорию vendor, в которую переместил normalize.css. 6. В корне проекта создал директорию, содержащую итоговый файл index.css, к которому директивой @import подключил все файлы блоков. 7. Index.css подкючил тегом link в head index.html. Не сработало. 8. Обратил внимание, что директория blocks и все входящие в неё папки зелёного цвета. При наведении курсора появляется надпись "Не отслеживается" (работаю в VS Code). 9. Решил, что они не отслеживаются git и может в этом причина того, что стили не отображаются. Сделал коммит. После этого директория blocks и все папки в ней стали белого цвета, но в решении вопроса это не помогло. Стили по-прежнему не отображаются. 10. Может быть дело в том, что я не уничтожил первоначальный CSS-файл, а только отключил его от index.html, разнеся весь код по соответствующим папкам блоков? 11. Помогите, пожалуйста, решить этот вопрос!