Fillers off by exactly 8px?

DrewDahlman / Mason

Mason.js for creating a perfect grid with jQuery.

http://masonjs.com/

MIT License

1.22k stars 183 forks source link

Fillers off by exactly 8px? #65

Closed Deftwun closed 7 years ago

Deftwun commented 7 years ago

I have this up on codepen. Not sure why but my filler tiles are all off. If I translate the .mason-filler class by 8px exactly, everything lines up. Seems to still be responsive though so I'll take it. Just seems like maybe a bug or old build? (or more likely I'm missing something)

DrewDahlman commented 7 years ago

hey @Deftwun - that is interesting. Seems that the body not having a reset on the margin is causing the issue.

by adding:

* {
 margin: 0;
}

the issue is fixed. SO this is a bug and an easily fixed one, but also a small use case as there is usually a normalizer in place for CSS.

Deftwun commented 7 years ago

Ah good point. Forgot I didn't have bootstrap included. Thanks!