How can an element take the full width of the screen

Question

Whenever I make a element take 100% of the width, eg width:100%
There is always some space between the edge of the screen. It looks like it's only taking 95%. How do I fix this? Is it my browser?

Answer 1

Put margin 0 in body tag

Answer 2

Thank you all. That simple thing is what's been hurting my brain for a while😂

Answer 3

Consider adding
*{
margin: 0;
padding: 0;
box-sizing: 0;
}
in all your CSS files.

Answer 4

Thank you

Answer 5

Kylar Cham

Here it is

https://code.sololearn.com/Wbpi7o7hl6af/?ref=app

Answer 6

I've never seen the property "box-sizing"