Next.js Discord

Discord Forum

Unwanted horizontal bars

Answered
Golden paper wasp posted this in #help-forum
Open in Discord
Golden paper waspOP
Hello, I encountered this while creating my first nextjs project, I tried changing the bg color but didn't work, any solution on how to remove them?
Answered by Taiwan Dog
theres probably a style to body
View full answer

7 Replies

Taiwan Dog
check your globals.css
Taiwan Dog
theres probably a style to body
Answer
Golden paper waspOP
Thanks, i totally forgot about it :box_cat_hide:
Taiwan Dog
np!
Sun bear
Hey Steven, it seems the issue is likely with background-repeat. Looking at the webpage, it seems there’s a background gradient behind the unordered list and that its height is clinging to the minimum needed. The rest of the webpage then seems to be getting the initial gradient repeated in order to fill the remainder of the webpage. Setting the background-repeat value to ‘no-repeat’ should remove the repeated gradient backgrounds. Additionally, setting the container height from the default to 100vh or something similar should enable the initial gradient to span the entirety of the viewport height in one go.
Sun bear
Hey, sorry if it seemed AI-generated, the reply was completely my own but reading it back I guess it did sound a bit like ai.