how come my scroll watcher's width is set to 100% but doesn't fill 100% of the DOM?
10 Replies
width: 100%; is 100% of the parent, not 100% of the pageso putting width: 100vw; wouldn't work either?
100vw would potentially cause overflow
there's no simple answer without you sharing code
one sec throwing together a codepen
it might be a bit before I can respond, so if anyone else wants to hop in? I'll check back later tonight otherwise
no rush
This happens because you haven't defined a left position so its left position is whatever it would be its natural position. As your haven't defined the margin on the "body", it is defaulting to whatever the browser default left margin is (8px on Firefox).
So, to resolve this, either set
left: 0; on the watcher or set margin: 0; on the body.huge thanks!
Go with text properties like align text padding top margin top to center if width is the problem than set width to html or the body: 100%