S
S
Sergey Protasov2016-10-23 10:52:18
css
Sergey Protasov, 2016-10-23 10:52:18

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
  )

so for mobile version:
$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

1 answer(s)
C
Clever_Coyote, 2016-10-23
@protasovse

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 question

Ask a Question

731 491 924 answers to any question