CODEWITHSUNDEEP
cssstylusjeet-grid
Stothertk
Stothertk

Reputation: 107

how do i change column ratios with jeet?

I am trying to change my column ratio from 1/4 to 1/3.

The default style is 1/4,

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

Then I uncycle and switch to 1/3,

+below(desktop)
  uncycle()
  col(1/3, gutter: .5, cycle: 3)

the cycle remains at 4 leaving an row with only one column floating to the right.

Upvotes: 1

Views: 712

Answers (1)

Dan
Dan

Reputation: 21

uncycle should be passed to the col() call...

i.e.

col(1/4, gutter: .5, cycle: 4)
+below(desktop)
    col(1/3, gutter: .5, uncycle: 3, cycle: 4)

You can pass multiple uncycles as well if you wanted a 1/2 grid under mobile resolutions for instance.

col(1/2, cycle: 2)
+above(mobile)
    col(1/3, uncycle: 2, cycle: 3)
+above(tablet)
    col(1/4, uncycle: 3, cycle: 4)
+above(desktop)
    col(1/5, uncycle: 4, cycle: 5)

Upvotes: 2

Related Questions