Menu icon Foundation
Full-width Row and Grid with no gutter space

Hey I am wondering how something like this would be accomplished with the row and grid with no spaces. I know how to set up the row and grid with spaces but I am confused on how to make it full-width with no spaces. Any help would be appreciated.

Thanks

Example

Example2

fullwidth gridRowsgrid

Hey I am wondering how something like this would be accomplished with the row and grid with no spaces. I know how to set up the row and grid with spaces but I am confused on how to make it full-width with no spaces. Any help would be appreciated.

Thanks

Example

Example2

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

FoundationDeck over 4 years ago

To get full width you would have to modify the row class and make it full width by using css with max-width property and setting it to a 100%
To remove the spaces you can simply add the Collapse class onto the div with the row class. See the link below it shows you how to do both.

http://codepen.io/foundationdeck/pen/ZGYxEW

Rafi Benkual over 4 years ago

You can make rows 100% width in CSS with max-width property. You can also make an individual row full with with a class and max-width: 100%.

You can also remove the padding between rows with the collapse class.

Example: http://codepen.io/rafibomb/pen/oXgqbq?editors=110

FoundationDeck over 4 years ago

This is a great example Rafi

Clifton Canady over 4 years ago

Rafi,

That you so much! That is exactly what i was looking for. I thought that I could use the collapse class.

Thanks again!