Next.js Discord

Discord Forum

Github pages is not displaying my global.css correctly

Unanswered
Gidbug/Gideon posted this in #help-forum
Open in Discord
Hello, I hope all of you guys are doing well; I just published my project on GitHub pages so some of my friends can test it out but after I went to check to see if it published, it did but the styling was messed and I tested the build locally before pushing it to GitHub and I don't know what is causing it. if you would like to visit the website here it is

https://mulberrycomic20.github.io/Luna/projects/luna

I attached the image of how it is supposed to be

Here is the link public repo of my project (to probably better inspect my code)

https://github.com/MulberryComic20/Luna

Thank you so much for the help :)

4 Replies

Sun bear
You can try to import it like this:

import "./globals.css";
@Sun bear You can try to import it like this: `import "./globals.css";`
I added that and it is still the same should I add the config file to my repo?
Black-throated Blue Warbler
try moving globals.css to the root of your app folder
@Black-throated Blue Warbler try moving globals.css to the root of your app folder
I moved it to my root and I am still getting a style mess up :(