Need an opinion on why something terrible is happening!

HTML-CSS
#1

CSS and or HTML related

056c29977ac273561605bf1bfb68e2e9
056c29977ac273561605bf1bfb68e2e91392×682 7.58 KB

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

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

Should do it

#3

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

backface-visibility

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

1 Like
#4