Сверстал сайт, загрузил его в гитхаб, стили почему то не применились, почему?

Question

Сверстал сайт, загрузил его в гитхаб, стили почему то не применились, почему?

Ivan Ivanov Ученик (89), на голосовании 11 месяцев назад

https://ivan45872830.github.io/Alivio/

Answer 1

Никита Кахраманов Ученик (107) 1 год назад

проверь путь в html до css файла

Проверил, всё нормально, дело в том, что в самом vs code стили работают как надо, а когда все файлы загружаю в гитхаб, то стили отсутствуют

Answer 2

 @import url(/styles/variables.css); 
@import url(/styles/basic.css); 
@import url(/styles/header.css); 
@import url(/styles/hero.css); 
@import url(/styles/about.css); 
@import url(/styles/card.css); 
@import url(/styles/success.css); 
@import url(/styles/product.css); 
@import url(/styles/person-card.css); 
@import url(/styles/prising.css); 
@import url(/styles/mob-menu.css);

У тебя тут адреса от корня сайта, а на https://ivan45872830.github.io/Alivio/ корнем считается https://ivan45872830.github.io/ , а не https://ivan45872830.github.io/Alivio/
Попробуй относительно main.css:

 @import url(styles/variables.css);  
@import url(styles/basic.css);  
@import url(styles/header.css);  
@import url(styles/hero.css);  
@import url(styles/about.css);  
@import url(styles/card.css);  
@import url(styles/success.css);  
@import url(styles/product.css);  
@import url(styles/person-card.css);  
@import url(styles/prising.css);  
@import url(styles/mob-menu.css);