Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Weird padding/margin/gap issue in column #3051
Currently prototyping out a website with foundation 3. Can't seem to find where the this 2px gap is coming from.
The image of the girl is 422 px tall. The row/column is then is adding 2 px to make it 424 px tall for some reason.
I can't seem to find where these two pixels are coming from? Any help would be greatly appreciated as I've searched through and can't find a similar issue. Before I had the image at 420px tall and that made the column 422px tall, so 2px are being added.
Live site: www.ridethetides.com/contract/
Thanks for the quick reply. I guess its hard to tell as I'm not really sure what that code means, but when I turn that CSS off in Safari inspector it breaks the entire website.
If that is the cause, I guess my next question would be: Is there a way to shift that image down 2px to compensate? Would really like there to be no gap
You have a class of ".bottom" applied to the image, simply modify that to--> margin-bottom: -2px;
On Aug 19, 2013, at 8:16 AM, RideTheTides firstname.lastname@example.org wrote: