I've got an overflow warning on Firefox, but it's not regular.

when I scroll down my page I get an overflow on my upper section, and when I go on that section that gives overflow on bottom section. that overflow did not appear on site but Firefox still gives the overflow on inspect.
13 Replies
Jochem
Jochem4mo ago
without code, it's unlikely anyone will be able to help
The_thoughts_loop
can i share the code here?
Jochem
Jochem4mo ago
there's instructions in #How To Ask Good Questions with links to sites that make it easy to share code so that others can run it codepen is a good default a deployed site works too, on github pages or vercel or wherever else you may have it accessible
The_thoughts_loop
https://ashishnegi777.github.io/z4/ there is nav, header>main-title and main-img cause of overflow on scroll, also it's mobile-first site so you have to shrink the browser did i do something wrong?
Jochem
Jochem4mo ago
I'm not currently able to look at your code, you'll have to wait for someone else
The_thoughts_loop
okay
ἔρως
ἔρως4mo ago
i will throw a wild guess: you arent scrolling the body but some massive div
The_thoughts_loop
I thought the same thing but it's not the reason, sometimes the body also shows overflow
ἔρως
ἔρως4mo ago
i will check later i dont see anything wrong
The_thoughts_loop
is you are checking on firefox? if you are so open a separate window of inspect element and then scroll bit down you will see nav will show overflow and also in the header main-img ( it was shown overflow only on inspect element but in the webpage it all looks good.)
ἔρως
ἔρως4mo ago
i only opened on my phone, i will try later
The_thoughts_loop
I give the 100vh on the body, now there is no overflow except the body , is that good
ἔρως
ἔρως4mo ago
depends on what you want