Why isn't half of the CSS showing up?

Question

css

Сверстал сайт используя SASS и GULP. Если открывать сайт через таск в gulp (gulp watch), то всё отлично отображается. Если же я открываю сайт напрямую через файл index.html, то половина стилей не отображается.
Собственно поэтому, наверное, gh-pages тоже не может полностью отобразить весь сайт
Ссылка на репозиторий > https://github.com/gritsenko-vlad/test

Answer 1

it's simple, look at the console
GET file:///C:/img/email.png net::ERR_FILE_NOT_FOUND
GET file:///C:/fonts/Montserrat-Hairline.ttf net::ERR_FILE_NOT_FOUND
and so on.
we understand that it does not find image and font files,
go to main.sass and fix all file paths from
url('app/img/Your_file.jpg') to url('../../img/Your_file.jpg')
as you can see, the birds are already flying to warmer
climes prntscr.com/dozkuj

Answer 2

A possible variant of the problem of the address https://gritsenko-vlad.github.io/img/email.png
if the img repository contains pictures, then you need to open GitHub pages in the settings of this repository, the
pictures will become visible
. you have authorization on GitHub gritsenko-vlad this path goes to the address of the pictures
Maybe this page will help you