How do Breakpoints with Susy?

Asked

Viewed 27 times

0

I’m having problems to generate the Breakpoints of a project for Celular (320px).

When I put the Breakpoints he reads even in Desktops, but be right on Mobile also.

@media (min-width: 320px) {
  /* MEUS ESTILOS ESTÃO AQUI DENTRO */
}

1 answer

1


It was already solved, it was giving the error to load on Desktop because of min-width.

What I did to solve:

In my base.scss file I created a $mobile variable and inserted it there:

$mobile: 320px 12 568px;

Where the first value (320px) is my min-width, 12 is the number of columns of SUSY and the last value (568px) generates my max-width.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.