Menu icon Foundation
How to remove extra space

Hello all!

I've been having trouble with removing some extra space between some divs while using Foundation Five. Most notably around the image part of the section. Attached are two things: 1.) an image of what I designed and 2.) CodePen with what I have so far. Any help would be greatly appreciated.

http://codepen.io/anon/pen/XboKWP?editors=110

Thank you,

- Damian

Listing

imagedivspacingSasscodepengridgrid systemnesting

Hello all!

I've been having trouble with removing some extra space between some divs while using Foundation Five. Most notably around the image part of the section. Attached are two things: 1.) an image of what I designed and 2.) CodePen with what I have so far. Any help would be greatly appreciated.

http://codepen.io/anon/pen/XboKWP?editors=110

Thank you,

- Damian

Listing

This post has been closed. No new replies can be added.

Erik M about 4 years ago

It looks like you have too much padding on the large-8 large-collapse div that holds your two paragraphs. If you remove the padding on the left and right from that, and put a larger margin-bottom on your paragraphs (I used 2.25rem), then it gets much closer to the image you posted. Some of the content below that will require some style tweaks still. Hope that helps.

http://prntscr.com/7zagsk

Damian Delrosso about 4 years ago

hey, thank you! I really appreciate your answer. Ill make those changes and post back!