Search code examples
htmlcssmedia-queries

Why is there a 1px spacing between this div and its contents

The "featured music" area has a margin of 1px on the right side of the iframe. Its inside the .shadow div. You can see it on the h2 because it goes out 1px passed the other content. The .shadow div wraps the 1px margin, as well. I don't know why it is doing this.

I did notice that this only applies to when the screen is using the css in here @media screen and (min-width: 59.6875em) { }. When its smaller that 1px problem goes away.

Here is the site I'm working on: website

Any ideas?

Solution

  • It's coming from the .widget class. The properties are set to border:1px solid #e5e5e5.