web page lines in nextJS

can anyone explain me what causes theses lines to appear? even if i only have a p tag and button tag
No description
No description
4 Replies
MarkBoots
MarkBoots9mo ago
the body by default has no height, it takes the height of the content. If the body does not fill the full height of the screen, the background will be repeated on the canvas.
Dev_zxc
Dev_zxc9mo ago
oh these lines will dissappear if i set a height in the body?
MarkBoots
MarkBoots9mo ago
yep, give it a min-height of 100vh for example or, even better
html, body { min-height: 100% }
html, body { min-height: 100% }
(html takes 100% of the window/canvas, body takes 100% of the html)
Dev_zxc
Dev_zxc9mo ago
oh thanks!