how to prevent column from from breaking when using gutters, Jeet

Question

I am trying to have four columns using jeet and a gutter of .5

col(1/4, gutter: .5, cycle: 1/4)

This causes the fourth column to break to a new row, giving me only 3 columns. I tried it without a gutter and the same thing happens.

col(1/4, cycle: 1/4)

score 1 · Accepted Answer · answered Aug 29 '14 at 04:29

1

cycle is your blocks/row value, as such it should be an integer:

col(1/4, gutter: .5, cycle: 4)

answered Aug 29 '14 at 04:29

Stefan Ticu

2,093
1
12
21

1

could you accept the answer please, il will help other users with the same issues. – Stefan Ticu Aug 31 '14 at 15:32

score 0 · Answer 2 · answered Nov 19 '14 at 11:00

I had a similar problem when I had different columns and gutters for different resolutions and I had to uncycle everything before setting a new cycle for another resolution, e.g.

@include col(1/2, $gutter: 2, $cycle: 2);
@media screen and (min-width: $breakpoint2) { 
    @include col(1/3, $gutter: 3, $uncycle: 2, $cycle: 3); 
}

how to prevent column from from breaking when using gutters, Jeet

2 Answers2