Answer the question
In order to leave comments, you need to log in
How to make a different number of speakers on Susy for different devices?
The desktop layout has 12 columns, the tablet layout has 10 columns, and the mobile layout has 3.
Is it possible to set up a different number of columns for different devices?
This is how it should be for desktop:
$susy: (
columns: 12,
gutters: 3/7,
container: 81.25%,
math: fluid,
output: float,
gutter-position: after
)
$susy: (
columns: 3,
gutters: 3/7,
container: 87.5%,
math: fluid,
output: float,
gutter-position: after
)
Answer the question
In order to leave comments, you need to log in
You seem to have misunderstood a bit.
The number of columns is changed with the help of media queries. @include container() is hung on the wrapper on the child block @include span(12),
media screen and (max-width: 768px) @include span(10)
media screen and (max-width: 414px) @include span(3)
This is the logic, I hope it will be clear
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question