Collapsing a row removes the gutters from every column, which is the spacing between them. Add the class `.collapse` to a row to enable this.
+There are more utility classes that you can use to isolate and collapse portions of your layouts: `.collapse-top` `.collapse-bottom` `.collapse-left` `.collapse-right` `.collapse-border` `.collapse-gutter`
+
```inky_example
<row class="collapse">
- <columns large="6"><img src="http://placehold.it/300x150/777777/&text=These columns touch" alt=""></columns>
- <columns large="6"><img src="http://placehold.it/300x150/999999/&text=These columns touch" alt=""></columns>
+ <columns large="6"><img src="https://placehold.it/300x150/777777/&text=These columns touch" alt=""></columns>
+ <columns large="6"><img src="https://placehold.it/300x150/999999/&text=These columns touch" alt=""></columns>
</row>
```
table.body .columns,
table.body .column {
height: auto !important;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
box-sizing: border-box;
- padding-left: $global-gutter !important;
- padding-right: $global-gutter !important;
+ padding-left: $global-gutter-small !important;
+ padding-right: $global-gutter-small !important;
// Nested columns won't double the padding
.column,