Weird white border surrounding UI Page

[yundlu316]

I've created a couple UI Pages and there's always a strange white border that appears around my entire page.   When I copy the exact same code into a dynamic block, that border doesn't exist.   Has anyone experienced this?   Is there a way to get rid of that border?   For instance, I copy/pasted the code from this codepen entry:   http://codepen.io/andrewerrico/pen/xwRZeJ   and everything looks great, but you'll notice the subtle white border surrounding the entire page:

It doesn't look like much, but it becomes noticeable and annoying once you put in a fixed navbar among other items.   Any suggestions?

[ahaz86]

I would actually check the body margins/padding as i dont think it is a border. This is just a hunch though

[yundlu316]

Hi Alexander, yea that's the first thing I checked.   I tried making margins and padding 0, but it doesn't work.   I also tried to add in a red background color so that everyone in the community can see more clearly what I'm talking about, but curiously it doesn't show up.   I'm not sure what that is, but I can't find a way to get rid of it.

html, body {

  width: 100%;

  height: 100%;

  overflow-x: hidden;

  background-color: red;

  padding: 0px;

  margin: 0px;

}

[prithvirajchaud]

Hi,

Do an inspect element in chrome. Check if there is some class thats forcing the margin in the body.

Thanks

[yundlu316]

Hi prithvirajchaudhuri, I'm pretty new to this so I'm not sure what I'm exactly looking for.   Does anything below stand out to you?