Why does my body not take up the entire screen despite setting height and width to 100%/vw?

Looks like you have turned on responsive view in your devtools. Its leaving you drag handles to resize your viewport. Turn off “device toolbar” and you should be good

Chen said:
Looks like you have turned on responsive view in your devtools. Its leaving you drag handles to resize your viewport. Turn off “device toolbar” and you should be good

bingo that fixed it! thanks!

edit: future readers, I simply pressed ctrl + shift + M on windows while in inspect element

@Dezi
OSRS font goes hard btw, interested to see what you’re building

@Dezi
Nothing’s fixed it was working exactly how it should

Hadi said:
@Dezi
Nothing’s fixed it was working exactly how it should

Are you that annoying in real life? It’s obvious what they meant.

Frost said:

Hadi said:
@Dezi
Nothing’s fixed it was working exactly how it should

Are you that annoying in real life? It’s obvious what they meant.

I agree with you.

@Zion
Thanks for chiming in

Hadi said:
@Zion
Thanks for chiming in

No problem!

Frost said:

Hadi said:
@Dezi
Nothing’s fixed it was working exactly how it should

Are you that annoying in real life? It’s obvious what they meant.

We all know “one of those ones” in work. Here’s one on Reddit.

Hadi said:
@Lex
I’m just leaning into it at this point. My original comment was a product of “hadnt had my coffee and slept like shit” assholery

I doubt that’s the only source of your issues, but work on your caffeine addiction and sleep quality anyway.

Edit: just discovered the cesspool that r/overemployed is from this dude’s profile

Frost said:

Hadi said:
@Dezi
Nothing’s fixed it was working exactly how it should

Are you that annoying in real life? It’s obvious what they meant.

What if it is not obvious to one?

@Hadi
You know what. I always wanted to tell that guy in office, so I will channel it through you. “Shut the fuk up”
You’re welcome.

Ahhhh, I feel so good now. So where we stopped?

Hadi said:
@Dezi
Nothing’s fixed it was working exactly how it should

I went back to experiment a bit, I never realised that i could drag the screen in inspect element around. Turning it off and on again basically resets the screen back to its original position, which is why it “fixed” it. I learnt something new today!

Hadi said:
@Dezi
Nothing’s fixed it was working exactly how it should

it always does. doesn’t mean it can’t be fixed.

Not sure if this is related, but probably the scrollbars in Chrome’s responsive view are doing this. Try using dvw and dvh. It’s has good support now (baseline, so pretty much all major browsers)

You have to eat more.

I think that’s the responsive drag bars it includes. It’s a chrome thing. Try another browser to see if you get the same borders.

Do you have any stylesheets that target specific elements? Did you accidentally add .html somewhere or maybe .div and added properties to them that you might not have noticed?

Remove the styling from the element and see if it stays.

@Maris
I turned it off with ctrl + shift + M and that fixed it, that was google chrome being jank

Dezi said:
@Maris
I turned it off with ctrl + shift + M and that fixed it, that was google chrome being jank

it’s not jank, that’s a tool for you to drag around the window size and simulate different screens. What you were seeing wouldn’t have been visible outside of developer tools/in a mobile device, all you’ve done is turn off a useful tool