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
Jochem2mo ago
without code, it's unlikely anyone will be able to help
sastademon69
sastademon692mo ago
can i share the code here?
Jochem
Jochem2mo 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
sastademon69
sastademon692mo ago
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
Jochem2mo ago
I'm not currently able to look at your code, you'll have to wait for someone else
sastademon69
sastademon692mo ago
okay
ἔρως
ἔρως2mo ago
i will throw a wild guess: you arent scrolling the body but some massive div
sastademon69
sastademon692mo ago
I thought the same thing but it's not the reason, sometimes the body also shows overflow
ἔρως
ἔρως2mo ago
i will check later i dont see anything wrong
sastademon69
sastademon692mo ago
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.)
ἔρως
ἔρως2mo ago
i only opened on my phone, i will try later
sastademon69
sastademon692mo ago
I give the 100vh on the body, now there is no overflow except the body , is that good
ἔρως
ἔρως2mo ago
depends on what you want