CODEWITHSUNDEEP
cssstylusjeet-grid
Stothertk
Stothertk

Reputation: 107

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

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)

Upvotes: 1

Views: 980

Answers (2)

michael
michael

Reputation: 31

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); 
}

Upvotes: 0

Stefan Ticu
Stefan Ticu

Reputation: 2103

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

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

Upvotes: 1

Related Questions