I'm having trouble when deploying on Github Pages
Pretty ambiguous question but I haven't found a solution yet. I did a quick project with SASS and when developing everything was working correctly along with the Live Server Extension but now when I deployed it, it looks as if I didn't use any CSS. Why can it be?
https://github.com/Norwyx/interactive-rating-component
GitHub
GitHub - Norwyx/interactive-rating-component: Frontend Mentor Respo...
Frontend Mentor Responsive Web Design Project. Interactive Rating Component. - Norwyx/interactive-rating-component
8 Replies
If you look at the network tab of the dev tools, you'll see it's giving you a 404 on the stylesheet
you're refering to your stylesheet as /dist/style.css. Your browser interprets that as "dist/style.css at the root of the domain", so it's trying to load
https://norwyx.github.io/dist/style.css instead of https://norwyx.github.io/interactive-rating-component/dist/style.css
it should be enough to just ditch the opening / in front of /dist in your link tagLet me try bro. Btw, how did you access that window? I just bought my mac and can't seem to find it in safari
F12
still doesnt work bro don't know why
it is loading now, it's just not applying yet.
I think it's because you have
type="text/scss" instead of type="text/css"i changed it. lets hope now it works
It did. Thanks @Jochem
nice! Glad to help 🙂