Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.Sign up
GitHub is where the world builds software
Millions of developers and companies build, ship, and maintain their software on GitHub — the largest and most advanced development platform in the world.
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 email@example.com wrote: