Need an opinion on why something terrible is happening!

CSS and or HTML related

In the image ive uploaded anywhere i set content to the body, it creates a margin-like pattern on all sides
with a darker shade of the color i use for background (its a little vague but you can notice it). im frustrated about this happening. and asking for any relevant information!! currently i was building that html on my system, ubuntu and serving through node to test the outcome.
EDIT: i only get this weird display on googleChrome. just tried Firefox and everything works as expected

border: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

Should do it

I tried these on both the parent element {body} and the one thats creating all my problems.
Toying around with the developers tool i came about a


property, that when set to hidden
solved it!! Thanx for your time anyway!!!

1 Like