Menu icon Foundation
Best way to add extra padding to nested grid

foundation 5 ... http://cdpn.io/CrwgF ... I've got a nested grid and the columns containing the tour text links on the lower row need some padding to visually differentiate them. What is the recommended way to add this padding within the Foundation framework?

thank you for any suggestions.

padding

foundation 5 ... http://cdpn.io/CrwgF ... I've got a nested grid and the columns containing the tour text links on the lower row need some padding to visually differentiate them. What is the recommended way to add this padding within the Foundation framework?

thank you for any suggestions.

Karl Ward about 5 years ago

I am not sure if there is a recommended method, but personally I would simply create a css class for specific columns that require extra padding (or any other additional styling):

.feature-col {
   padding: 2em;
}
<div class='small-6 columns feature-col'>
   lol!
</div>

Aidan Bradley about 1 year ago

Create a css class for specific columns that require extra padding.

gomovies